The Sproket Accordion web part allows you to easily generate expandable/collapsible, FAQ-style list. This web part has the option to include questions and format their answers.
When your page is in Edit mode, click the icon, search for “Sproket Accordion”, and select the Sproket Accordion web part from the results.
- 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
After you select the Sproket 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:
On page 1, configure the following in the Display Options section:
Field Description Show Title Click to enable title display of the web part. Show in Panel Click to enable display of items in panel. Type From 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 expanded Click to enable the display of first item expanded, when you open a page. Allow multiple items to be expanded Click to enable this option to keep multiple items expanded. Show expand/collapse all Click to enable display of expand all ()/collapse all () icons. Open list in new tab Click 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.
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:
Field Description Site URL Click the drop-down list and select a source site. Web URL Click the drop-down list and select a source web. List Title Click the drop-down list and select a source list.
If you have selected Manual type, configure the following on page 2:
- Click Add button. The Title and Body fields are displayed.
- Enter the title. For example, enter the question.
- Enter the body text. For example, enter the answer.
Click Add button to add further questions.
Once all the required updates and configurations are performed, click Republish button to publish the page.
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.
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.
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.
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.