Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Accordion

This page of the user guide will help Sitecore Contributors add and become familiar with the Accordion Component. Accordion is a component that is used to show information in list form within Sitecore. It should be noted that Accordion cannot be created as the first component only . Only Hero Banner, Slideshow, and Video components can be used as the first component. It should be noted that although some components are already on the page, all directions are starting as if the component needed is not available on the page and needs to be added.  


Info

Table of Contents Draft 



How to Add an Accordion Component

Note

Accordion cannot be created as the first component on a page. Sitecore only allows the following three components: Hero Banner, Slideshow, and Video components can to be added/used as the first component on a page.

  1. Select anywhere in the +Select Component area to add a component.
    Image Removed
    Image Added

  2. Select the + Add here button.
    Image Removed
    Image Added

  3. In the pop-up window you will be given five options, choose Accordion Choose Accordion from the five options and then select "Select".

    Note

    The Accordion can be double-clicked to select it also.

    Image RemovedImage Added

  4. Select Add Component to create the Accordion component.
    Image Removed
    Image Added

  5. Select the Gear Icon if you want to add a headline and then select the plus iconPlus Icon.

    Image Removed
    Image Added

  6. Hover over the area below the title bar (does this area have a specific name?) and select the pencil iconPencil Icon to edit.

    Note

    An existing Accordion component will often have existing text or image(s). Make sure you have navigated to a page you have been authorized to edit before making changes to an Accordion component.

    Image RemovedImage Added

  7. Select Show editor or double-click the text in the area to edit.
    Image Removed
    Image Added

  8. Once all edits are completed, select Accept to finalize the edits or Reject to leave the editor without making any changes. If the layout option chosen had multiple sections, complete for each section.
    Image Removed
    Image Added

  9. Review the edited sections to ensure all edits have been made and then select OK.
    Image Removed
    Image Added