Skip to main content
pallavis8124480
pallavis8124480
New Participant
April 6, 2018

Adding color and font size plugin to Table component(RTE)

  • April 6, 2018
  • 3 replies
  • 3738 views

Hi ,

I want to create a Table component where I can add color(different colors) to each cell and also increase or decrease the font size.
Please guide me.

I am using AEM 6.2 version.

Thanks,Pallavi

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

    3 replies

    kautuk_sahni
    kautuk_sahni
    Employee
    April 6, 2018

    See this question: How add new style class for Cell Properties in richtext' table plugin in touch ui dialog

    In the documentation it is mentioned that:

    1. Styles will only be available when editing a table within a Text component (or derivative), not the standard Table component.

    2. Currently, you can define styles for tables and cells in Classic-UI only.

    But you can use a way mentioned Table component cell properties color selector for cell background color - 6.2 SP1

    Kautuk Sahni
      smacdonald2008
      smacdonald2008
      New Participant
      April 6, 2018

      See the AEM FAQ blog here - it is covered -- Scott's Digital Community: Adobe Experience Manager FAQs and other Tips

      (See How can I apply color to a Table in the RTE? )

        pallavis8124480
        pallavis8124480Author
        New Participant
        April 9, 2018

        Hi Kautuk /Smac,

        Thanks for your reply.

        http://experience-aem.blogspot.in/2016/04/aem-62-touch-ui-dialog-rte-rich-text-editor-color-picker-plugin.html  - I referred this article and tried to implement the same for applying background color to each cell.

        I came to know that I need to make some changes to the below method. I wanted to apply custom css class in the attributes section so can you please let me know how can I refer to a css style sheet here ?

          _getTagObject: function(color) {
                    return {
                        "tag": "span",
                        "attributes": {
                            "style" : "color: " + color
                        }
                    };
                },

        Also please post the link where I can get the documentation of the APIs used in the JS.

        Thanks

        Terms & ConditionsAccessibility statement

        Loading footer...