Forum | Appery.io

I am trying to change icon of the navbar of my app. I have already tried everything here : http://docs.appery.io/tutorials/custo.... The code does not work.

Also, code https://getsatisfaction.com/apperyio/... doesn't work and it seems to be from the older version of appery and no longer applicable.
Is there a sample code that allows us to change navbar icons ?

Hi Kapil,

Add custom CSS:
pre[name=mobilenavbaritem]:after{
background: url("http://example.com/icon.png");
}/preWhere 'mobilenavbaritem' is a navbar button name,
http://example.com/icon.png is an icon URL.

Thx Katya. I played around with the code and could make it work. It seems that there are cases where the internal name of the HTML items is changed. So in the UI name of the button is mobilenavbaritem_5 however internally the is changed to
navigation_9_mobilenavbaritem_5].

So, my code looks like this and it works !

[name=navigation_9_mobilenavbaritem_5]:after{background: url("https://cdn1.iconfinder.com/data/icon...");}

Thanks again.