RicardoP
Posts: 0
Joined: Mon Jul 22, 2013 9:52 pm

How to dynamically change the stylesheet page?

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!

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

How to dynamically change the stylesheet page?

Hello!

We'll update asap when have more information.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

How to dynamically change the stylesheet page?

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.

Return to “Issues”