Re: Change styles for Table RTE plugin in Touch UI | Community
Skip to main content
arunpatidar
Community Advisor
arunpatidarCommunity Advisor
Community Advisor
June 3, 2020

Re: Change styles for Table RTE plugin in Touch UI

  • June 3, 2020
  • 2 replies
  • 2289 views

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 @2941342='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

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

    2 replies

    Aleksandre
    Aleksandre
    Level 2
    June 4, 2020

    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.

    arunpatidar
    Community Advisor
    arunpatidarCommunity AdvisorAuthor
    Community Advisor
    June 4, 2020
    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.
    Arun Patidar
    Terms & ConditionsAccessibility statement

    Loading footer...