LinkedIn
Copied!

Table of Contents

Modifying the presentation options of the Layout group

Version:

Only available versions of this content are shown in the dropdown

Make minor adjustments to the styling of the specific Layout group.

  1. Click the Layout group and in the header click the View properties icon.

  2. In the Properties window, click the Presentation tab and select the Display advanced presentation options check box.

  3. To display the layout group below other floated layout groups within the container in which it is hosted, select this Clear floated layouts check box.

  4. To define inline style for the layout, enter CSS code in the Inline style (not for production use) field.

    Entering inline style results in a guardrail warning. For maintainability and reuse, use a custom CSS class.

  5. To specify styling of the layout container, press the Down arrow key in the Container CSS class field to select a predefined class or click the Open class editor icon to see a list of available helpers.

    You can enter several helper classes, separated by a space. For more information, see CSShelper classes.

  6. To specify styling of the content within the layout, press the Down arrow key in the Content CSS class field to select a predefined class or click the Open class editor icon to see a list of available helpers.

    You can enter several helper classes, separated by a space. For more information, see CSShelper classes.

  7. Click Submit.

  • Skin form — Components tab — Layouts — Layout Groups

    A layout group combines different types of layouts to display a set of content such as a list of financial accounts and related transactions. You use a layout group to specify how to navigate sets of information. For example, this could be a tab for each account, or by simply changing the type, the account list can be rendered as either a drop-dow

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.