Acquia Cohesion renames to Site Studio from version 6.2. Tell me more.

    Creating sections with nested card components

    The UIKit include two section components that can contain nested Card components. These are the Text and card container section and the Card container section.

    To use these sections, first drag one onto your page. The visual below shows the Card container section added to the page. You will see that it includes a drop zone for adding cards.

    Then drag a card into the drop zone. The visual below shows a Content card added to the drop zone. 

    To add another card, drag it into the approximate area of the first card. You will see the border of the drop zone is displayed and a grey placeholder which indicates where the card will be placed.

    Once placed, you can change the number of cards shown in each row of the Card container.

    1. Open the settings of the Card container
    2. Click on the Layout and style tab
    3. Within the Card layout section of the form, select the number of cards you want to show in each row.
    4. Click Apply.

    The setting is available for each device width so that you can adjust the number of cards to show in each row by device. 

    Setting the Card section to 4 cards per row on desktop would result in the following layout.

    DX8 knowledge base icon

    Frequently asked questions

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

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket


    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.