CssPrime

ClientSide component for inject dynamic css style rule

View larger

Close

UI Extension for adding and managing css rules.

Extension create map for css rule in shared state. Adds a style branch to the head section of the HTML source code Allows you to update selected css rules

Sample code

--add extensio to ui
UI ui = UI.getCurrent();
CssPrime css = new CssPrime(ui);
...
css.setSyle(<style rule>);
css.setSyle(<rule key>,<style rule>);

-- append rule
css.setStyle("div{background:red;}"); //add rule with default key
css.setStyle("MyBackground","div{background:red;}");

-- update rule
css.setStyle("div{background:red;}"); //update rule with default key
css.setStyle("MyBackground","div{background:blue;}");

-- remove rule
css.removeStyle; //remove rule with default key
css.removeStyle("MyBackground"); 

--remove extensio from ui
UI.getCurrent().removeExtension(cssPrime);

Links

• Issue Tracker
• Source Code
• Author Homepage

Compatibility