Carlos Castillo6909856
Posts: 0
Joined: Tue Jun 03, 2014 12:51 pm

Custom Icons in the Nav Menu

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

bal
Posts: 0
Joined: Sat Nov 22, 2014 8:04 pm

Custom Icons in the Nav Menu

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...

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

Custom Icons in the Nav Menu

Hello!

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

bal
Posts: 0
Joined: Sat Nov 22, 2014 8:04 pm

Custom Icons in the Nav Menu

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

Ihor Didevych
Posts: 0
Joined: Wed Nov 19, 2014 7:55 pm

Custom Icons in the Nav Menu

Hello,

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

bal
Posts: 0
Joined: Sat Nov 22, 2014 8:04 pm

Custom Icons in the Nav Menu

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

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

Custom Icons in the Nav Menu

Hello!

Worked for me

Image

Could you clarify how do you set up custom icon?

bal
Posts: 0
Joined: Sat Nov 22, 2014 8:04 pm

Custom Icons in the Nav Menu

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?

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

Custom Icons in the Nav Menu

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

bal
Posts: 0
Joined: Sat Nov 22, 2014 8:04 pm

Custom Icons in the Nav Menu

I have used this one, from the example:

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

Return to “Issues”