You are now in the main content area

Touch user interface component guide

  • Components are the building blocks of a webpage. They are the containers for your content.
  • Components are found in the side panel icon of an open page (see image).
  • Add images, text and videos to the page using content components.
  • Add layout components such as columns, accordions and tabs to create and control page layout.

Component categories:

How to add components:

Option 1: From side panel

  1. Select the Side Panel of an open page
  2. Components are in the second section
  3. Choose a component from the list, search by name in the filter, or use the drop-down menu
  4. Drag the component and drop it in the "Drag components here" boxes

Option 2: On page

  1. Navigate to one of the "Drag components here" boxes
  2. Select the box outline
  3. Select the + sign
  4. Choose a component from the drop-down

 Open component

  1. Open the component by double-clicking it; or select the wrench icon
  2. Add or edit the component and select the check mark to save and close  

 Component toolbar

  1. Select the component to display the component toolbar
  2. The tool bar includes the following icon options:
    1. Copy
    2. Cut
    3. Delete
    4. Insert Component
    5. Group components *Do not use
    6. Create experience fragment  *Do not use
  3. A "paste" option [Clipboard icon] appears when a component has been copied and a user has selected on an area where a component can be added.

How to Open and Edit a Page 