Element Layouts

How to change the look of elements using layouts.

Prerequisites

This tutorial assumes you already know the following:

Overview

Layouts are used to format and display elements. Some elements have more than one layout available.

The Photo Gallery element has three different layouts for displaying the gallery in different situations.

Full Layout

Photo Gallery - Full view

Medium Layout

Medium Photo Gallery renderhandler

Small Layout

Photo gallery element with small renderhandler

Step 1: Are Layouts Available?

Not all elements have custom layouts to choose from.

  1. Go into Author or Edit mode.
  2. Click on the element's Element edit button edit icon in the upper left corner.
  3. If an option called "Choose Layout" is available, this element has render handlers to choose from.

Step 2: Choose the Layout

  1. Click on Choose Layout, which will bring up a list of available options.
    • Default is the element's default layout.
    • Standard Rendering displays the element in CommonSpot's standard way.
    • The rest of the options are custom layouts.
  2. Click to highlight the one you wish to use.
  3. Click Save.

Was this page helpful?      



Comments are helpful!
500 character limit

Feedback is anonymous.