Changing background colour in mobile container

[Robin van Oeveren]

In the app I am currently developing, the background colour of the (body of the) mobile container is set using the properties defined in the theme jqm-Progress, swatch B.
I want this colour to be changed to white.
How can I do that?

[Alena Prykhodko]

Hi Robin!

On Load event Run JS with the following code:
preAppery("mobilecontainer1").css('background-color','white');/pre

[simon saunders]

i changed this to a hex colour and it didnt work? any ideas?

Appery("mobilecontainer1").css('background-color','#589896');

[Alena Prykhodko]

Hi,

Should work, did you replace mobilecontainer1 with your container name?

You can also try :

pre
$('div[dsid="mobilecontainer1"]').css('background','#589896');/pre

You can find more options here http://devcenter.appery.io/documentat...

[simon saunders]

hi alena, thanks for fast response, very impressed. just upgraded from free plan and i love appery.

container name was wrong.

btw - how do i center a component using javascript?

[Alena Prykhodko]

Do you mean on the page? Components are centered automatically within the page.

[Evgene Karachevtsev]

Hello Simon,

Use this code to the event page show :

codecarousel = $('[name=mobilecarousel_7]');
carousel.on("ready", function(e) {
Appery("mobilecarousel_7").carouselRoot.carousel("to",2);
});/code

where mobilecarousel_7 is the name of your carousel

[shabeer]

Hi, is it possible to change the background image of a mobile container using java script?

[Illya Stepanov]

Hi -

Please take a look in our documentation section here -- https://devcenter.appery.io/documenta...