All of these attributes can be applied to elements to enable different app functions. For attributes where the value is {spark-code} you will need to paste the 5 digit code of the spark the attribute is for. Please note: 1) many of these attributes will come pre-installed with our components; and 2) some of these will require additional configurations in the Supersparks app.
| Function | Attribute Name | Attribute Value | Mandatory |
|---|---|---|---|
| Rating Input | supersparks-rating-input | {spark-code} | |
| Comment Input | supersparks-comment-input | {spark-code} | |
| Guest Name Input | supersparks-name-input | {spark-code} | |
| Guest Email Input | supersparks-email-input | {spark-code} | |
| Comment Submit Button | supersparks-comment-submit | {spark-code} | Yes |
| Comment Grid | supersparks-comments-grid | {spark-code} | Yes |
| Comment Card | supersparks-comment-card | {spark-code} | Yes |
| Reply Card | supersparks-reply-card | {spark-code} | |
| Reply Submit | supersparks-reply-submit | {spark-code} | |
| Reset interactions | supersparks-reset-interactions | {spark-code} | |
| Delete Comment | supersparks-delete-button | {spark-code} | |
| Comment Content | supersparks-comment-content | {spark-code} | |
| Author Name | supersparks-author-name | {spark-code} | Yes |
| Comment | supersparks-author-name | {spark-code} | |
| Author Profile Image | supersparks-member-image | {spark-code} | |
| Filled Star Rating | supersparks-filled-star | {spark-code} | |
| Unfilled Star Rating | supersparks-outlined-star | {spark-code} | |
| Loading Comments | supersparks-loading-comments | {spark-code} | |
| Average Rating | supersparks-average-rating | {spark-code} | |
| Total Comments / Reviews | supersparks-comment-count | {spark-code} | |
| Load More Pagination | supersparks-load-more | {spark-code} | Cell |
| Custom Text Input 1 | supersparks-custom-input-1 | {spark-code} | Cell |
| Custom Text Element 1 | supersparks-custom-field-1 | {spark-code} | Cell |
| Custom Text Input 2 | supersparks-custom-input-2 | {spark-code} | Cell |
| Custom Text Element 2 | supersparks-custom-field-2 | {spark-code} | Cell |
| Custom Text Input 3 | supersparks-custom-input-3 | {spark-code} | Cell |
| Custom Text Element 3 | supersparks-custom-field-3 | {spark-code} | Cell |
| Guest Reply Notification | supersparks-reply-notification | {spark-code} | Cell |
| Public Profile Memberlink | supersparks-memberlink | {spark-code} | Cell |
| Comment New Upvote | supersparks-comment-upvoting | {spark-code} | Cell |
| Comment Already Upvoted | supersparks-comment-upvoted | {spark-code} | Cell |
| Comment Upvote Count | supersparks-upvote-count | {spark-code} | Cell |
| Review Number Rating | supersparks-number-rating | {spark-code} | Cell |
| Author Username | supersparks-username | {spark-code} | Cell |
| Member Custom Field 1 | supersparks-member-field-1 | {spark-code} | Cell |
| Member Custom Field 2 | supersparks-member-field-2 | {spark-code} | Cell |
| Member Custom Field 3 | supersparks-member-field-3 | {spark-code} | Cell |
| OP Author Tag | supersparks-op-tag | {spark-code} | Cell |
| Function | Attribute Name | Attribute Value | Mandatory |
|---|---|---|---|
| New Post Subject / Title | supersparks-community-subject-input | {spark-code} | Yes |
| Guest Name Input | supersparks-guest-author | {spark-code} | |
| Guest Email Input | supersparks-guest-author | {spark-code} | |
| Rich Text Input | supersparks-rich-content | {spark-code} | Yes |
| Category / Topic Reference Input 1 | supersparks-category-input | {spark-code} | |
| Post Submit | supersparks-post-submit | {spark-code} | Yes |
| Image Upload Button | sparks-image-field | upload | |
| Custom Input 1 | sparks-custom-input | 1 | |
| Custom Input 2 | sparks-custom-input | 2 | |
| Custom Input 3 | sparks-custom-input | 3 | |
| Custom Input 4 | sparks-custom-input | 4 | |
| Custom Input 5 | sparks-custom-input | 5 | |
| Custom Input 6 | sparks-custom-input | 6 | |
| Custom Input 7 | sparks-custom-input | 7 | |
| Category / Topic Reference Input 1 | sparks-topic-input | 1 | |
| Category / Topic Reference Input 2 | sparks-topic-input | 2 | |
| Image Upload Preview | sparks-image-field | preview | |
| Image Upload Remove | sparks-image-field | remove |
| Function | Attribute Name | Attribute Value | Mandatory |
|---|---|---|---|
| Post Author Image | supersparks-op-avatar | {spark-code} | |
| Post Author Name | supersparks-op-name | {spark-code} | Yes |
| Author Custom Member Field 1 | supersparks-op-field-1 | {spark-code} | |
| Author Custom Member Field 2 | supersparks-op-field-2 | {spark-code} | |
| Author Custom Member Field 3 | supersparks-op-field-3 | {spark-code} | |
| Member Profile Page Link | supersparks-memberlink | {spark-code} | |
| Post Author Username | supersparks-op-username | {spark-code} |
| Function | Attribute Name | Attribute value | Mandatory |
|---|---|---|---|
| Collection List Author Name | supersparks-profile-name | {spark-code} | Yes |
| Collection List Member Custom 1 | supersparks-list-member-1 | {spark-code} | |
| Collection List Author Avatar | supersparks-profile-avatar | {spark-code} | |
| Collection List Content Preview | supersparks-item-preview | {spark-code} | |
| Search Filter | supersparks-search-filter | {spark-code} | |
| Member Profile Page Link | supersparks-memberlink | {spark-code} | |
| Dropdown Sort | supersparks-dropdown-sort | {spark-code} | |
| Load More Pagination | supersparks-load-posts | {spark-code} | |
| Collection List Username | supersparks-profile-name | {spark-code} | |
| Slug Identifier - connect item to CMS slug field | slug | {slug} | Yes |
| Display User's Post History In Collection List On Public Profile | supersparks-member-post-filter | TRUE |
| Function | Attribute Name | Attribute value | Mandatory |
|---|---|---|---|
| Profile Name | supersparks-profile-Name | membe1 | Yes |
| Profile Avatar | supersparks-profile-avatar | membe1 | |
| Profile Member Field 1 | supersparks-profile-member-1 | membe1 | |
| Profile Member Field 2 | supersparks-profile-member-2 | membe1 | |
| Profile Member Field 3 | supersparks-profile-member-3 | membe1 | |
| Profile Post Count | supersparks-profile-post-count | membe1 | |
| Profile Comment COunt | supersparks-profile-comment-count | membe1 | |
| Profile Content Time | supersparks-history-time | membe1 | |
| Profile Post Title | supersparks-history-topic | membe1 | |
| Profile Post Preview | supersparks-history-content | membe1 | |
| Profile Content Page Link / See More | supersparks-history-link | membe1 | |
| Profile Post Reply Count | supersparks-history-reply-count | membe1 | |
| Profile Comment Page Name | supersparks-history-topic | membe1 | |
| Profile Comment History Grid | supersparks-comment-history-grid | membe1 | |
| Profile Content Card | supersparks-member-card | membe1 | |
| Profile Comment Content | supersparks-history-content | membe1 | |
| Profile Post History Grid | supersparks-post-history-grid | membe1 | |
| Profile Review Count | supersparks-profile-review-count | membe1 | |
| Profile Review Star Filled | supersparks-history-filled | membe1 | |
| Profile Review Star Unfilled | supersparks-history-unfilled | membe1 | |
| Author's public profile | supersparks-profile-link | TRUE | |
| Allow users to go to own public profile | supersparks-my-profile-link | TRUE |
| Function | Attribute Name | Attribute value | Mandatory |
|---|---|---|---|
| Item New Upvote | supersparks-post-upvoting | {spark-code} | Yes |
| Item Already Upvoted | supersparks-post-upvoted | {spark-code} | Yes |
| Item Upvote Count | supersparks-post-upvote-count | {spark-code} | |
| Enable Upvoting In Collection List | supersparks-upvotes-list | TRUE |
