Drag and drop elements

    The drag and drop elements provide the building blocks you'll use to create your layouts. Elements range from simple base level elements like a Paragraph element to interactive elements like Sliders. Elements are used when they are added to the Layout canvas, For more information about using Elements, see Using the layout builder.

    To make Elements easier to find, they are grouped into:

    • Content elements - Used to add content to a page or template. See Content elements
    • Layout elements - Used to add layout and structure to a page or template. See Layout elements
    • Media elements - Use to add images, video and other media to a page or template. See Media elements
    • Interactive elements - Used to add interactive devices to a page or template. See Interactive elements
    • View elements - Used to create templates for Drupal views. See View elements
    • Menu elements - Used to create templates for Drupal menus. See Menu elements
    • Drupal core elements - Used to add Drupal core components to a page or template. See Drupal core elements.

    Element settings

    Each element includes specific settings which define the content and behavior. To access an Element's settings:

    1. Click the + button on the Layout canvas to open the Sidebar browser
    2. Drag an Element onto the Layout canvas
    3. Double click on the Element to open its settings in the Sidebar editor. For more information, see Using the layout builder.


    Accessing all of an element's settings

    Only common settings are shown by default to simplify the user interface. To access additional settings:

    1. Click on the Properties button
    2. Click on the properties to add them to the Element settings form


    Settings shared by multiple elements

    There are additional settings shared by all Elements (with a small number of exceptions). These settings are generic and are useful to all Elements. The include:

    To access an Element's shared settings:

    1. Click on the Styles tab at the top of the Element to access the Styles
    2. Click on the ...ellipsis menu and click on a menu item to access the settings


    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket