Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
I have a startup screen that I would like to look like the following I put together in HTML. Please look at it at http://visualdesignlady.com/mobile/in... and let me know how I can customize the footer navbar to look and behave like the example.
Hello Carol,
Please find more here http://demos.jquerymobile.com/1.3.0-b...
Also you can add image to Navbar:
On page Show event Run JS:
precodeAppery("mobilenavbaritem_1").html("<img src='" + Appery.getImagePath('image.jpg') + "'>");/code/pre
Where mobilenavbaritem_1 - name of mobile navbar item;
image.jpg - image in Media Manager.
This code worked great:
Appery("mobilenavbaritem_1").html("");
Now, I need to have the icon label included, and the button background color transparent - something like "background-color: rgba(0,0,0,.25)"
Can that be done in Run JS too?
You can set icon in Navbar item Properties- Icon and choose one in dropdown list or in More Properties create attribute data-icon with appropriate value: http://demos.jquerymobile.com/1.3.0-b...
(But first set Icon in Properties to none)
Yes, you can style this with CSS as well.
that didn't answer the question I asked. Can you look at it again?
I want to have the icon label appear
I want the button background to be transparent
I do not see a CSS exposed in order to edit it, should I go that route.
[quote:]1. I want to have the icon label appear [/quote]
What do you mean under icon label?
[quote:]2. I want the button background to be transparent [/quote]
Add new CSS asset with code:
pre.Class
{background: transparent !important;}/pre
Class - component Class Name in Properties;
I want it to look like this:
data-icon="info"
You can use any CSS to style, it's out of scope of our support.