GCC HIGH Tenants Please get in contact with us to receive a valid evaluation key file or license key file.
X

Accordion

for SharePoint Online

This Accordion web Part lets you create a multilevel accordion based on a SharePoint List with display options.

ACCORDION WEBPART

Create multilevel accordions

ACCORDION WEBPART

Using modern sied panel to display content

ACCORDION WEBPART

Create elements with multiple list fields
with the flexible field template

Key Features

  • Flexible multilevel accordion
  • Field Tempalte property to design content with multiple field values

Free Evaluation & Download

To unlock an evaluation period, please follow the link below.

Unlock for free

See Live Demo


Multilevel 

Configure the web part with multiple categories separated by a semicolon ";" will create a multilevel accordion.
More details about this configuration are available by clicking on the image.

Modern side panel

Using the integrated side panel to display content.
Link an Url field to the list item within the field template with {Link=rowlinkwithfieldvalue[((Link))]}

Web Part Properties

Property Name
Description
Main
Site URL
Specify the full URL to the Site, serving the List.
List Name
Choose your List from the available DropDownList
View Name
Select a List View (optional)
Title
Set a WebPart’s Title (optional)
Category Field Name
Enter the category field name. If multiple categories, please use a semicolon as the separator (Level1;Level2)
Field Template
Specify the list fields within curly brackets. HTML CSS supported (optional)
To link an item to an Url, use the following field template option: {LinkField=rowlinkwithfieldvalue[CustomPrefixValue((LinkField))]} This will set an onClick onto the item
To display an HTML / Richtext field, please use the following syntax: {FieldName=html}
Only active item open
Yes / No
Start with main categories expanded
Yes / No
Form open in
Panel / Dialog / new Tab / same Tab
Date Format
Change the output string of the DateTime fields.
Link Title to connected list
Set the Title section with an onClick event to redirect to the connected list.
Options
-
Filtering
Items to display
How many items should be loaded (0 - 5000)
Request Fitler
Filter the API request with &$filter values.
Example: FieldInternalName Operator Value ID eq 12 Firstname ne 'Jon'
Order By
Allows to overwrite the default order by statement.
Example: ID asc
Styles
Container CSS
Modify the main container with CSS
Main Category Container CSS
Modify the top level category container with CSS
Mani container Inner CSS
Modify the top-level inner container with CSS
Main Category Inner Hover CSS
Modify the top-level container mouse hover with CSS
Category CSS
Modify sub categories with CSS
Category Hover CSS
Modify subcategories on mouse hover with CSS
Item CSS
Modify target items with CSS
Item Hover CSS
Modify target items on mouse hover with CSS
Closed Indicator CSS
Modify subcategories closed indicator with CSS
Opened Indicator CSS
Modify sub categories opened indicator with CSS
Custom CSS
Add custom CSS (optional).
selector{ attribute:value;}
Caching
Cache retention Time(Minutes)
Set a cache retention time to speed up loading time and reduce API-Calls against SharePoint
License
License Key
Please enter your PayPal "Profile ID" to unlock your WebPart. (Format: I-1A11SSBB2241)



Get a license

We offer different kinds of license

  • a PayPal subscription
  • a conservative invoice for a defined time period

Request an offer


Select your seats count (All active accounts having access to your tenant)
If your seats count is over 2499, please request an Offer!

SharePoint URL*