3.3 Configuring Table Classes
Configuring Table Classes
👥 User Journey
User Journey – Configuring Table Classes
📋 Setup
Select Admin in the side menu
Select Client configuration from the Admin sub-menu
📘 Steps
1️⃣ In the Rich Text Editor section, under the Collections - Table classes heading, click the Add button
2️⃣ Enter the name of the CSS class in the Name field that should become available for use on table elements in the Rich Text Editor
3️⃣ Enter the display text for this class in the Value field – this display text will be visible in the Rich Text Editor UI when selecting table classes to use
4️⃣ Repeat for the Collections - Table cell classes heading to add classes that may be applied to table cell elements in the Rich Text Editor
5️⃣ Click Save
⚙️ Verifying the Configuration
Setup
Select Pages from the side menu
Select a Task
Select a Page
Select the Content tab
In the title bar, click the expander arrow button to expand filter options
Select a Locale and Variant
Select a Component with Rich Text from the list on the right-hand side
Steps
1️⃣ Click the Insert Table icon in the Rich Text Editor toolbar
2️⃣ Select any table dimensions
3️⃣ Click on the inserted table to view its editing menu
4️⃣ Click the Cell Style icon and choose a table cell style from the dropdown
5️⃣ click the Table style icon and choose a table style from the dropdown
6️⃣ Click the Code View icon
7️⃣ Observe that the table and table cell classes have been applied to the table and table cell elements
:note: Notes
The name of the class goes in the Name field; the display name/text goes in the Value field
Warnings
This feature is not Task-protected – changes, including deletions, are effective immediately and are not reversible