Page 2 of 2

Custom Navbar icon appeared with default start icon

Posted: Wed Jun 25, 2014 9:25 am
by Kateryna Grynko

Hi Alex,

You would need to change CSS selector.

Replace:pre
.myButtonWithphone .ui-icon.ui-icon-plus/preWith:pre
[name=mobilenavbaritemName]:after/preWhere 'mobilenavbaritemName' is a mobile navbar item name


Custom Navbar icon appeared with default start icon

Posted: Thu Jun 26, 2014 3:08 pm
by Alex GG

Katya,

Your solution worked great.

I just need one more thing...How to center the icon on the button?

And if it possible to make the backgroung of another color?

Regards

Image


Custom Navbar icon appeared with default start icon

Posted: Thu Jun 26, 2014 11:12 pm
by Yurii Orishchuk

Hi Alex,

Solution you are searching very depends on your current implementation.

Thus please give us your app public link.

Also please try this:

1 Activate your button and in property "position" set "no text" value. See details: http://prntscr.com/3wup2q/direct

2 Add to your button css class "buttonWithCertainBackground". http://prntscr.com/3wut65/direct

3 Add new CSS Asset and fill it with following code: http://prntscr.com/3wutf2/direct

pre

html head + body .ui-btn.buttonWithCertainBackground{
background-color: #f00;
}

/pre

Regards.