Using a custom PNG icon in Ion-refresher

wassimans · April 9, 2015, 10:15am

Hi all!

Is it possible to change the default icon of the ion-refresher directive with a custom PNG icon ? I’ve looked at this thread based on which I created a custom directive, but I can’t integrate a PNG icon into it.

Any help ?

appdeveloper · April 9, 2015, 10:56am

As the ion-refresher now uses SVG animations ( see http://blog.ionic.io/svg-spinners/ ) , i’m not sure the icon can be changed, looking at the docs it mentions the icon replacement is deprecated

mhartington · April 10, 2015, 3:22pm

So if you want to use a different icon for ion-refresher, you can just pass ion-refresher refreshing-icon=""

http://ionicframework.com/docs/api/directive/ionRefresher/

wassimans · April 11, 2015, 5:48pm

Well, in the codepen snippet, it was an Ionicon (ion-home) which is not a PNG file. I need to integrate a custom icon, a PNG file in my case, I can’t make it work. As @appdeveloper said, it seems that this option is deprecated. Correct me if I’m wrong

mhartington · April 13, 2015, 5:04pm

So it took a bit more css than I originally thought, but it is possible.

And yes, it is deprecated, but still useable.

wassimans · April 14, 2015, 9:16am

@mhartington Thanks, problem solved.