Skip to main content

Accordion

The Accordion web part for Sprocket 365 is a powerful tool that allows you to create collapsible sections of content. This can be used to organize information in a way that is easy to scan and understand. The Accordion web part is easy to use and can be customized to meet your specific needs. In this article, we will show you how to create and use the Accordion web part in Sprocket 365.

Features​

  • Show content in an expanded and collapsed space
  • Directly write content within the web part settings
  • Pull content from a SharePoint within the current site or any site
  • Specify behaviors of expand and collapse
    • Allow multiple expanded at once
    • Default with first item expanded
  • Use within 'Full-Content' section

Configurations​

After you select the Sprocket Accordion web part, click the Configure Web Part button or icon on the menu on the left of the web part to open the Configuration section on the right. In this section, you can perform the following configurations:

  1. On page 1, configure the following in the Display Options section:

    FieldDescription
    Show TitleClick to enable title display of the web part.
    Show in PanelClick to enable display of items in panel.
    TypeFrom the drop-down list, select List or Manual. List option enables you to create a list of FAQ questions from a convenient configuration page. In List option, you can also format the answer text in an HTML formatting window. Manual option enables you to create question and answer text in the web part configuration section itself.
    Show first item expandedClick to enable the display of first item expanded, when you open a page.
    Allow multiple items to be expandedClick to enable this option to keep multiple items expanded.
    Show expand/collapse allClick to enable display of expand all ()/collapse all () icons.
    Open list in new tabClick and Enable to open the List on a new tab, when you click Go to List link within a web part. If this option is disabled, the List will open on the same page.

  2. Click Next to navigate to page 2. Fields in page 2 are displayed based on the Type (List or Manual) you have selected in page 1.

    If you have selected List type, configure the following in the Query Options section on page 2. All these fields are mandatory:

    FieldDescription
    Site URLClick the drop-down list and select a source site.
    Web URLClick the drop-down list and select a source web.
    List TitleClick the drop-down list and select a source list.

    If you have selected Manual type, configure the following on page 2:

    1. Click Add button. The Title and Body fields are displayed.
    2. Enter the title. For example, enter the question.
    3. Enter the body text. For example, enter the answer.

  3. Click Add button to add further questions.

  4. Once all the required updates and configurations are performed, click Republish button to publish the page.

FAQs​

1. How do I change the Accordion Web Part Title?
To change the Title of the Accordion web part, you need to first Edit the page, once in Edit mode you can highlight the text and simply type to replace your new Title.

2. What does the Panel setting do?
The panel setting placed a fine grey border around the web part and provides a solid white background. This setting is best used if you are using solid background colours in your sections.

3. What is the difference between the 'Manual' and 'List' option?
The Manual option allows you to add your Accordion items directly in the web part settings. The List option allows users to manage the items in a list rather than editing a page and web part.

4. How do I add a new item manually?
To add a new accordion item manually you need to go to page 2 of the web part settings and click on the Add button. Here you need to provide a Title and Body.