Row for columns and column elements

    Use Row for columns and Column elements to create column based layouts. See examples.

    Locating the row for columns and column elements

    To find these elements:

    1. Navigate to a page or template with the Layout canvas
    2. Click the + button on the Layout canvas
    3. Within the Elements tab, look for the Row for columns and Column elements.

    row for columns and columns 5.0.png

    Creating columns

    To create a columns based layout:

    1. Drag a Row for columns element onto the Layout canvas
    2. Drag a Column element into the Row for columns element
    3. Double click on the Column element to edit its settings
    4. Set the width of the Column in the Width field. As an example, set it to 6 columns
    5. Click Apply
    6. Click on the ... icon menu on the Column element
    7. Click Duplicate

    If you place a Row for columns element as the outer most parent you will get horizontal scrollbars. This is because the Columns bleed into the gutters. To prevent this, you must add a Container around your Row for columns. A simple way to do this is to add a wrapping Container to your Master template.


    row-for-columns-v5.gif
     

    After the above process you will see there are two equal width columns on your layout canvas. You can now add content to these to see your two column layout on your website.

    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