Content Sections

Content Sections
Content Sections

Drupal offers the ability to use Content Sections on pages to help organize and structure your content. The drop down menu can be found below the text editor on a page. You can add as many Content Sections to your page, as needed.

Content sections

Reorganize your content sections on the page by dragging and dropping your sections to move them above or below other sections. 

Delete a content section by selecting the ellipses in the top right corner of the section and selecting Remove. You will then need to select to Confirm Removal to fully remove the section. 

To expand or collapse a section, use the Edit or Collapse buttons.

Edit sections

 

A Simple Content Section is the standard text editor present when you create a new page.  

Accordion

Accordion Content Sections allow you to create expandable/collapsible content. 

To Add an Accordion Section start by navigating to the bottom of your page and selecting Add Accordion form the Content Section drop-down list. 

 

Add Accordion

 

Select Show Indicators if you want to display open/close indicators for accordions (usually +/- signs). 

You can choose to leave the accordion section collapsed or set it to be expanded by default by selecting the Display expanded toggle. 

Next, fill out the Accordion Section Title. Once you save the content, clicking on the accordion title will expand the accordion section body.

Add your Accordion Section Body; here you will see a similar drop-down list to the Content Section List, but with slightly different choices. You can choose to format your Accordion section Body as Simple, Image, Google Map, or Columns (Equal, Three Uneven, Two Uneven). Once your body section is added, you can insert the desired content. 

You can add multiple Body Sections to one Accordion Sections

You can also add as many Accordion Sections as needed by selecting Add Accordion Section

After content is added, save the page.

Carousel Content Sections allow you to add rotating content.

To add carousel content, pick Add Carousel from the Add Simple drop-down list and select one of the available  sections: Simple, Image, Columns, or Google Map.

Add carousel

Fill out the content for the selected section. To add more carousel sections, repeat the process above. After you've added the content, save the page.

Choose the column type you want to add from the Add Simple dropdown: Equal, Three Uneven, or Two Uneven. The columns section will open. 

Two Uneven Column Section

The screenshot below shows Two Uneven Column content section. 

Columns section

Choose Column Style from the drop-down menu. The Column Style defines the width of the left and right columns on the page.

Use the Add Simple button to create a section for each column (two sections for the Two Uneven Columns section) and fill it with the desired content. 

The column content can be rearranged by dragging the part with the Change Order indicator on the left side of the column sections.

Save the changes by clicking the Save button in the top right corner of the page.

Equal Column Column Section

The Equal Columns feature allows you to add multiple columns to the page as necessary. Use the Add Simple button to create a section for each column and populated it with the content. 

Save the page by pressing the Save button at the top right.

To add a Google Map to a page, pick Add Google Map from the Add Simple drop-down menu. If desired, provide the Map Title, which will be shown above the map, as well as the required Address

Google Map

Preview or save the page.

Kylie Diegmiller