for SharePoint Online
This Accordion web Part lets you create a multilevel accordion based on a SharePoint List with display options.
To unlock an evaluation period, please follow the link below.
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.
Using the integrated side panel to display content.
Link an Url field to the list item within the field template with {Link=rowlinkwithfieldvalue[((Link))]}
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) |
We offer different kinds of license