Reusable component content

    DX8 allows you to save Components as reusable Component content. When a Component is saved as Component content, a new content entity is created which can then be reused across your site. Any changes you make to the Component content will update wherever it's been used.

    Common use cases for Component content are:

    • Content items that exist on multiple pages and need to be updated centrally
    • Content that exists within templates, outside of the content region that needs to be updated by an editor.

    Creating reusable component content

    To create Component content:

    1. Navigate to a page or template that includes the Layout canvas
    2. Add a component to the Layout canvas (or edit an existing one)
    3. Click the ...ellipsis menu on the Component and then click Edit to edit it's settings
    4. Add or edit the content of the Component
    5. Click the drop-down arrow next to the Apply button
    6. Click Save as component content
    7. Click Save at the bottom of the page
    8. Your Component content will now be saved. Navigate to DX8 > Components > Component content and locate it within the list.

    Clicking Save as component does not save the content until you save the page. 

    component-content-created-min.gif

    How reusable component content appears on the layout canvas and sidebar browser

    Component content is differentiated from other types of elements on the Layout canvas through a unique globe icon. This is shown below:

    component-content-icons.jpg

    When you save Component content, it is grouped by its parent component in the Sidebar browser. In the example below, you can see that there are three Component content items. Two of these use the 2/3 image - 1/3 text Component, and the other uses the Full width image with text box Component. You can see that the Component content has been grouped under its parent component name to make it easier for you to find the right Component content.

    component-content-groups.jpg

     

    Using reusable component content

    Once you have saved your Component content, it will become available in the Sidebar browser under Component content for you to use on any Layout canvas. You can also find your Component content in the DX8 administration menu by navigating to DX8 > Components > Component content.

    To use Component content:

    1. Navigate to a page or template with the Layout canvas
    2. Click the + button on the Layout canvas
    3. Within the Sidebar browser, click the Elements menu drop-down arrow
    4. Select Component content to display a list of your available Component content
    5. Drag the Component content onto the Layout canvas.

    using-component-content-compressed.gif

    Editing reusable component content

    Editing your Component content will cause all instances of that Component content to be updated with your changes. You can edit your Component content either directly on the page it has been placed on, via the Sidebar editor, or through the DX8 administration menu at DX8 > Components > Component content.

    To edit Component content at the page level:

    1. Navigate to a page or template that includes the Layout canvas
    2. Click the ...ellipsis menu on your Component content element on the Layout canvas, then click Edit (or you can double-click the element)
    3. In the Sidebar editor window, configure your Component content
    4. Click the drop-down arrow next to the Apply button
    5. Click Save
    6. On the page, click Save.

    component-content-editing.jpg

    To edit Component content through the DX8 administration menu:

    1. Navigate to DX8 > Components > Component content
    2. Find the Component content you want to edit and click Edit on the operations button
    3. Make your changes to the Component content
    4. Click Save.

    edit-component-content.gif

     

    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