Page 7 of 9

Custom Icons in the Nav Menu

Posted: Thu Jun 19, 2014 4:40 pm
by Carlos Castillo6909856

Hello

Im a no code user, and I solved this very easy

Just put a grid into the footer and on each spot drag an drop an image, you need to define the amount of colums and rows

Of course you will need to move the margins and play with the image so that you will need to make it fit under your needs

At last just define the action to be in place when you do a click over the image.

If you do this on the template yowl hav your custom nag all over your app

As simple as that no CSS

Hope this helps


Custom Icons in the Nav Menu

Posted: Sat Nov 22, 2014 8:04 pm
by bal

I want to use the default Navbar and change the icon. I have tried everything and it is not possible to change the icon. I dont want to use the grid and create the mouseover events. Like Matt said: both images are shown...


Custom Icons in the Nav Menu

Posted: Sun Nov 23, 2014 9:05 am
by Maryna Brodina

Hello!

Please take a look here http://devcenter.appery.io/tutorials/...


Custom Icons in the Nav Menu

Posted: Sun Dec 14, 2014 9:41 pm
by bal

It looks like that its not supported for the ios7 theme?


Custom Icons in the Nav Menu

Posted: Sun Dec 14, 2014 10:32 pm
by Ihor Didevych

Hello,

Could you please provide more details, screen shots would also help.


Custom Icons in the Nav Menu

Posted: Wed Dec 17, 2014 3:16 pm
by bal

Hi Ihor,
See also my previous post. Both images are shown. You can easily reproduce it, when using the IOS7 theme...


Custom Icons in the Nav Menu

Posted: Thu Dec 18, 2014 11:12 am
by Maryna Brodina

Hello!

Worked for me

Image

Could you clarify how do you set up custom icon?


Custom Icons in the Nav Menu

Posted: Thu Jan 01, 2015 12:27 pm
by bal

Which CSS snippet did you use?

Still have the same: http://gyazo.com/08ffa7fc39ca9a65fc36...

I have used the CSS example from http://devcenter.appery.io/tutorials/...

When selecting "none", nothing is displayed. With the other options you can see the icon behind the other icon. Have you tested with the IOS7 theme?


Custom Icons in the Nav Menu

Posted: Thu Jan 01, 2015 12:40 pm
by Maryna Brodina

Hello!

I was using the following CSS:

pre[dsid=mobilenavbaritem4_5]:after{
background: url("http://cdn3.iconfinder.com/data/icons/ellegant/64x64/9.png");
background-size: 22px 22px;
}/pre
where mobilenavbaritem4_5 - navbar item name


Custom Icons in the Nav Menu

Posted: Thu Jan 01, 2015 5:21 pm
by bal

I have used this one, from the example:

background: url("http://cdn3.iconfinder.com/data/icons...");
background-size: 18px 18px;
}