Page 1 of 1

How to dynamically change the stylesheet page?

Posted: Mon Jul 22, 2013 9:52 pm
by RicardoP

Hi,

I have 3 different stylesheets for my page (different colors). I've uloaded each one to Appery as a CSS asset:

black.css (default)
red.css
blue.css

Usually, I would select alternative CSS files using different "rel=" href links, for example:

link type="text/css" rel="stylesheet" href="files/views/assets/css/black.css"
link type="text/css" rel="red" href="files/views/assets/css/red.css"
link type="text/css" rel="blue" href="files/views/assets/css/blue.css"

But Appery's code lists all of them with rel="stylesheet", for example:

link type="text/css" rel="stylesheet" href="files/views/assets/css/black.css"
link type="text/css" rel="stylesheet" href="files/views/assets/css/red.css"
link type="text/css" rel="stylesheet" href="files/views/assets/css/blue.css"

Because of that, I cannot use rel="red" in an href link to change colors. Is there another way to have the user select from different CSS files (during execution) and change the App color?

Thanks in advance!


How to dynamically change the stylesheet page?

Posted: Mon Jul 22, 2013 11:52 pm
by Alena Prykhodko

Hello!

We'll update asap when have more information.


How to dynamically change the stylesheet page?

Posted: Tue Jul 23, 2013 7:56 am
by Kateryna Grynko

Hi Ricardo,

You can change class for body element of your page. In your styles, all the design options may depend precisely on the class of the element body.