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 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

Sitecore Training

Logging In and the Sitecore Editor Interface

Finding Your Pages

Accordion Component

Hero Banner Component

Image Grid Component

Image List Component

Rich Text Editor Component

RSS Feed Component

Slideshow Component

Video Component

Submitting Your Page for Approval

Sitecore Contributor Training Post Assessment

Table of Contents Draft 



How to Add an Accordion Component

Note

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

  1. Select either Component icon (the one to the left of home tab or the one beneath the home tab) to anywhere in the +Select Component area to add a component.
    Image Removed
    Image Added

  2. Select the + Add here button in the area the Accordion component is wanted..

    Image Added

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

    Note

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



  4. Select Add Component to create the Accordion component.



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




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



  7. Select Show editor or double-click the text in the area to be changed to begin to edit.



  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.



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