Portal
Umbraco Backoffice Documentation

Accordion

UI component that has headers and expanding/collapsing text content which actives after the user clicks on the header. Multiple accordion elements can be expanded at a time.

Accordion with an Optional Title

Content

Accordion page component has one mandatory content parameter:

One optional:

  • Title - title that appears on the top of the the Accordion.

The text color changes based on the background color as showcased in the Text Color section in the Text Blocks page.

Accordion

Accordion is made of multiple Accordion Items. It needs a minimum of one and unlimited maximum number of Accordion Items.

Accordion Item

Accordion building element which has two mandatory content parameters:

  • Title - the title of the Accordion Item which will appear as the button on the Accordion.
  • Rich Text - rich text content for the expanding/collapsing Accordion Item. Rich Text has basic text formatting options such as making the text bold, italic, underlined or make it as a link. It has text centering options and option to add a bullet point or numbered lists.

Also, it has one setting:

  • Hide - hides the element in Accordion page component.

Settings

Accordion page component has the following settings:

  • Hide - hides the component.
  • Horizontal Position - sets the Accordion Title horizontal position on the page.

Horizontal Position

Sets the Accordion Title horizontal position on the page.

Accordion with an Optional Title on the left

Accordion with an Optional Title in the centre

Accordion with an Optional Title on the right

Previous section:

Rich Text

Next section:

Media Blocks