Forum | Appery.io

Hi Bal,

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

Regards

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

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.

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.

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

Hi Miguel,

Thanks for this update.

Glad it works.

Regards.

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?

Hello,

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

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

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.