Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Re: Change styles for Table RTE plugin in Touch UI

Arun_Patidar
Community Advisor
Community Advisor

Create a Component say table with dialog field style and rte(only with table and formatting, link plugins).

Create a wrapper div with style class

 

Example 

 

<div class="${properties.style ? properties.style : 'cmp-table__defualt'}">
 ${properties.tabletext @CONTEXT='html'}
</div>

 

 

If you want to make it generic,  then you can use custom style plugin, e.g. https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

2 Replies
Aleksandre
Level 2
Level 2

Thank you so much for the answer.
I looked at your plugin, but unfortunately, this does not suit me for two reasons:
1) It would be difficult for the content author to add standard styles to each table.
2) This component doesn't change styles for tables. Perhaps it only works with text.

Arun_Patidar
Community Advisor
Community Advisor
I would also suggest to go with simpler approach. The plugin actual works along with element selector, from RTE you have to select table element then you have to apply style, otherwise classes will be applied to text node.