Styles General Info

Styles represent reusable groups of options. They are created in Journal > Styles… Once a style is created it will appear in its dedicated selector in Journal > Skins > Edit > Global > Global Styles… or throughout modules in Journal > Modules > Your Module > Style Selector…

Styles are like variables. All options are saved as a single component and applied to the element or module. When a style is later modified, changes are updated on all elements that use the style.

Style ID

The Style ID is a unique system identifier and needs to be named once upon creation. After applying the style throughout the admin in one or more places, if the ID is then changed the style will be deselected from wherever it’s being used so name the ID something generic that does not reflect the style’s purpose. Use the Style Name for descriptive namings.

Renaming a Style ID or deleting a style entirely will cause the style selector to fall back onto the DEFAULT style (provided you have at least one style named DEFAULT, else no style will be applied on your elements). It is important to always have at least one style with the ID “DEFAULT”.

Style Name

The Style Name is used to describe the style and can always be changed to reflect a modified style without affecting its usage throughout the admin. For example, you might use a Button style called “Green” in several places which has an actual green color. In the future, if you want to change the color to blue you can also change its name to Blue to reflect the modified state. Wherever the button style is used in your admin, both the color and name will be updated. This is in contrast to the Style ID which should not be renamed after it’s used in one or more places as it will deselect it from everywhere it’s being used.

Default Styles

There shall to be one default style created for each style in Journal > Styles >… called DEFAULT which is then assigned globally in the skin in Journal > Skins > Edit > Global > Global Styles > … or anywhere a style is required.

This is a fallback style. In cases where several style instances of each set are created, and subsequently renamed or deleted, the system will fall back on the DEFAULT style automatically.

Styles are re-usable and thus can be imported in other styles. For example the Menu Item style is imported into other styles like Dropdown or Accordion-Menu and so on. Whenever you encounter a Style selector you know a reusable style can be created in Journal > Styles > Your Style….