Kapil
Posts: 0
Joined: Mon Feb 17, 2014 5:59 am

Custom icons in the nav menu - not working

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 ?

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Custom icons in the nav menu - not working

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.

Kapil
Posts: 0
Joined: Mon Feb 17, 2014 5:59 am

Custom icons in the nav menu - not working

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.

Return to “Issues”