Style switcher.

[StuartF]

Hi, we are giving a demo of a responsive form that uses a presentation template linked to a web resource style sheet, that in turn gets it classes from an external css.

We would like to have some buttons in the demo where we could switch the external style sheet to and show a different look.

Is it possible to change the link to the external css from a button script.

[Jon]

You could always change the template - this will work if you're loading the style sheets by linking them to the template (under Web Resources). Then you can load a different style sheet or a different combination of style sheets e.g. your second style sheet could just redefine the CSS rules you want to change - this relies on the CSS precedence rule that says that the last loaded definition wins.

Code: Select all

form.setPresentationTemplateName("TEMPLATE2");      //Javascript
set template TEMPLATE2;                           // FPL

Otherwise the answer depends on how you're styling the button in the style sheet. The only things you can change dynamically from a script are class and inline style - you can't change the style sheet (except by changing the template).

[StuartF]

Cheers, that looks like the best approach.