CSS Editor

With this node custom CSS styling for JavaScript views and Quickforms can be created.
Write CSS rules into the editor of the node dialog and set the output either to create a new flow variable, or replace an existing one. With the ability to prepend existing stylesheets it's easy to override existing styles, or use the already existing styles.
Please refer to the more extensive explanation of CSS styling on our documentation page for further reference.
Available CSS-class names used by views and common HTML elements and properties are also present in the CSS editor as code completions when pressing Ctrl+Space.

Options

Prepend existing stylesheet

The list contains the flow variables that are currently available at the node input. By checking this checkbox, the selected flow variable will be prepended to the newly created CSS-stylesheet.

Append new variable

If selected the newly created CSS-stylesheet will be put in a new flow variable with the specified name

Replace existing variable

If selected the newly created CSS-stylesheet will replace an existing flow variable

Input Ports

Icon
Existing CSS string flow variable.

Output Ports

Icon
String flow variable, that outputs the created CSS script.

Popular Predecessors

Views

This node has no views

Workflows

Links

Developers

You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.