Content Tile Grouping
Grouping Content Tiles
The Content Tile Grouping option allows the host application to group content tiles in the editor’s sidebar. This allows the host application to display the content blocks into distinct groups.
Content Tile Grouping supports:
- Text labels
- Special Characters
- Emojis
To display custom groups, the application must pass the groups settings in the configuration at initialization, like so:
modulesGroups: [
{
label: "Text ✏️",
collapsable: false,
collapsedOnLoad: false,
modulesNames: [
"List",
"Paragraph",
"Heading"
]
},
{
label: "Media",
collapsable: true,
collapsedOnLoad: false,
modulesNames: [
"Video",
"Image"
]
},
{
label: "AddOns",
collapsable: true,
collapsedOnLoad: true,
modulesNames: [
"Stickers",
"Gifs"
]
}
]
Custom groups can be collapsed and opened by default by changing the collapsable
and collapsedOnLoad
values.
Ungrouped tiles will be gathered at the bottom of the list under a group with no label.
Duplicated tiles are not allowed, e.g., you can’t have a tile twice in the sidebar.
An onWarning
notification is triggered whenever an unknown tile is added to the configuration.
Full List of Content Tiles
1. Heading (Title) 2. Paragraph 3. List 4. Image 5. Button 6. Divider 7. Spacer 8. Social 9. DynamicContent 10. Html 11. Video 12. Form 13. Icons 14. Menu 15. Carousel 16. Text 17. ---- AddOns ----
If you want to organize or include AddOns, and Custom AddOns under a custom group, mention the name used in the Beefree SDK Console.
Please note, the AddOn needs to be enabled to appear in the sidebar.