You are here: User interface > Skins > Creating a skin

Skin rules

Use the skin to specify the presentation of your content. You can style all presentation elements of your interface in the skin, including typography, borders, backgrounds, layouts, and UI placement and alignment.

By defining presentation attributes in the skin, you can separate content (which is defined in sections and harnesses), from its presentation (which is defined in the skin.) This ensures greater consistency and promotes reuse.

You can define a single skin for your application, ensuring that all portals are presented in the most consistent manner.

About Mixins and Style Formats

The skin is comprised of mixins and style formats.

To create a fully extensible skin, define mixins and use them to define other mixins and style formats for components. You can create multiple style formats for many components. If necessary, you can create custom styles and attach additional style sheets.

Skin references

Skin rules are associated with an application and a portal. A portal can refer to the skin specified in the application or to a different skin. Setting the portal skin to use the skin associated with an application means that all portals in an application can use a single skin. This enables greater reuse and consistency across your application.

If you do not specify a skin for your application, the default end user skin is applied.

Select Designer Studio > User Interface > Portals & Skins to view the portals in use by the current and built-on applications, their associated skins, and the access groups and operators that use them.

Skin inheritance

Skin inheritance allows formats and mixins of a parent skin to be passed down to a dependent skin. You can add a parent skin or add inheritance when you create a new skin.

 

Related Topics Link IconRelated information