GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the icon on navigation bar?

I can change button icon with adding the data-icon property.
But when I added the data-icon property to the navigation items.it doesnot work.(e.g. data-icon = user)
How to change the icon on a navigation bar?
It is different from button?

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the icon on navigation bar?

Thank you Igor.I got it.

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the icon on navigation bar?

Hello, I try to set the navigation bar icon like the tutorials.
But it just not work.
My css is:
[dsid=mobilenavbaritem_85] .ui-icon {
background:url("https://dl.dropboxusercontent.com/u/6...") !important;
background-size: 14px 14px;
}

I also tried:
[dsid=mobilenavbaritem_85] .ui-icon {
background:url("../image/icon-user-white.png");
background-size: 14px 14px;
}

My navigation bar item is:
Image

It just not work
Image

Anyone can tell me what's wrong with it?

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

How to change the icon on navigation bar?

Hello!
Looks like you have 2.0 Libraries version. Instead pre[dsid=mobilenavbaritem_85] .ui-icon/pre try this selector pre[dsid=mobilenavbaritem_85]:after/pre

GodSpeed JP1
Posts: 0
Joined: Thu Feb 27, 2014 1:23 pm

How to change the icon on navigation bar?

Hello Maryna, It works well. Thank you.

Return to “Issues”