Page 1 of 1

How to change the icon on navigation bar?

Posted: Tue Mar 18, 2014 12:47 am
by GodSpeed JP1

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?


How to change the icon on navigation bar?

Posted: Tue Mar 18, 2014 12:51 am
by Igor

How to change the icon on navigation bar?

Posted: Tue Mar 18, 2014 1:06 am
by GodSpeed JP1

Thank you Igor.I got it.


How to change the icon on navigation bar?

Posted: Tue Mar 18, 2014 4:25 pm
by GodSpeed JP1

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?


How to change the icon on navigation bar?

Posted: Tue Mar 18, 2014 9:59 pm
by Maryna Brodina

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


How to change the icon on navigation bar?

Posted: Wed Mar 19, 2014 2:11 am
by GodSpeed JP1

Hello Maryna, It works well. Thank you.