Custom Icons in the Nav Menu

[Yurii Orishchuk]

Hi Bal,

Did you get to work like you need? Or you need further help?

Regards

[bal]

Hi Yurri,
It doesn't work on my side, i have used the same snippet as maryna

[Maryna Brodina]

Hello!

Please share your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and let us know it's name.

[Miguel Navarro]

Using jquery mobile icons I can do something like:

code
<div data-role="header" data-position="fixed" data-add-back-btn="false" data-back-btn-text="Back"
data-theme="b" name="mobileheader" id="Inspections_mobileheader" class="Inspections_mobileheader">
<a href="" data-icon="bars">&nbsp;</a>
<h1 dsid="mobileheader">
Inspections
</h1>
<a href="" data-icon="carat-d" data-theme="b">&nbsp;</a>
<>
/code

to get the icons I want to appear on the header.

How can I do this without breaking the Visual Editor? Seems like visual editor should be designed so that you can easily add these as this is standard on how most apps work.

[Miguel Navarro]

So I figured something out, no thanks to support here. I used jquery to preappend and append html to the onload event and created custom javascript to open and close panels created in the builder UI:

code
$("#Inspection_mobileheader")&#46;prepend("<a href='javascript:openNav();' data-theme='b' data-icon='bars' class='ui-icon-bars ui-btn ui-btn-icon-notext' style='position: absolute !important; left: 5px !important; top:2px !important; border: 0;'></a>");
$("#Inspection_mobileheader")&#46;append("<a href='javascript:openRightNav();' data-theme='b' data-icon='arrow-d' class='ui-icon-arrow-d ui-btn ui-btn-icon-notext' style='position: absolute !important; right: 3px !important; top:2px !important; border: 0;'></a>");

/code

[Yurii Orishchuk]

Hi Miguel,

Thanks for this update.

Glad it works.

Regards.

[MD_Apps]

This may be related, but please let me know if the info is elsewhere?

What is the process for enabling/using icons which were uploaded via themes?

These do not show up in the visual editor.
Q: What is the best practice for making use of these?

[Serhii Kulibaba]

Hello,

Please look at this documentation page: https://devcenter.appery.io/documenta...

[MD_Apps]

and I forgot to mention, that the method described in the documentation, does not work. I already tried that.

[MD_Apps]

Any update on the custom icons?
I followed the recipe in the doc, but the icons do not show up in visual editor - therefore are not accessible for placement using the VE.