Style Sheet Editor

When working with Internal Style Sheets, use the Style Sheet Editor to define and edit styles for your widgets.

The scope of the styles depends on the Style Sheet they're defined, as follows:

eSpace Style Sheet: this Style Sheet has the styles to be used in all widgets found in the eSpace;
Web Screen, Email, Web Block Style Sheet: the Style Sheet of each element has the styles to be used in the widgets found in the element. Here, you may define new styles, or redefine styles from the eSpace Style Sheet.

To edit a Style Sheet do one of the following:

For the eSpace, Web Screens, Emails, or Web Blocks, click on in the Style Sheet property;

An alternative way of opening the Style Sheet Editor is to double-click on the 'Style Sheet' property name.

For widgets, open the drop down list of the Style property, and select the last option in the list: '(Style Sheet Editor...)'. Additionally, if the widget already has a style, the Style Sheet Editor is automatically positioned on that style.

A simpler and alternative way of opening the Style Sheet Editor is to double-click on the 'Style' property name.

While editing your styles all the changes are immediately made visible in your canvas.

Style Sheet Editor Tabs

When you open the Style Sheet Editor, the first tab contains the Style Sheet of the element you're editing. However, since all elements inherit styles from the eSpace's Style Sheet, an extra tab is also made available for you to consult or edit the eSpace's Style Sheet.