Table component cell properties color selector for cell background color - 6.2 SP1

[#1]

Hi, I'm trying to add a color selector like RTEColorPicker in the table component cell properties for TouchUI but have not found documentation to implement or support that.  Does anyone have an example they've done or documentation where to reference implementing it?

[davenichols79 · Accepted solution]

THis works - i followed the blog and got this:

Notice that the color picker pops up and I am able to apply color to a table. FOllow the blog and you will get these results. Install the package and set the nodes shown in the illustrations.

For AEM 6.2 - see this blog - Experiencing Adobe Experience Manager - Day CQ: AEM 62 - Touch UI Dialog RTE (Rich Text Editor) Colo...

[davenichols79 · Accepted solution]

Hi,

Thank you for this.  I can see in the code package that you can set the text colour and background, but sorry - do you have any code examples of setting the table background colour or class ?

Thanks.

[#4]

We will be alos looking at this KB - lets see if it still works even though it says for 5.3 -- Adding Table Style To The RTE

[#5]

Ratna Kumar​

Hi Ratna Kumar,

Could you please share some help if you were able to add custom background color for table cell?

Thanks.

[#6]

Hi smacdonald2008 ,

On which AEM version you have tried this? This is not working for me on AEM 6.2 CFP3. In the article as well they have given it for AEM 6.3

Also, can send your inplace config xml, so I can compare mine with the same.

[#7]

Thanks Scott, going to try this to see if it works as a solution.

[#8]

Look at this blog -- it talks about how to modify table cells

http://experience-aem.blogspot.com/2017/06/aem-63-touch-ui-rte-rich-text-editor-color-picker-plugin-...

[#9]

Hi,

I will try to implement color css with table plugin and once it get this working will let you know!!

Thanks,

Ratna.

[#10]

Hi smacdonald2008 ,

I have tried doing the same and was not able to add color picker inside the table component in place editing dialog. And as a workaround, I came up with another solution to adding custom fields inside the cq:dialog and manipulating them through jsoup api before loading it on the page. It will be a great help for us If you could try that and let us know if that can be done. 

Thanks,
Amogh

[#11]

Typically for a Touch UI component - you can add a custom color picker in the TOuch UI component dialog -

you can develop a custom sling:resourceType for a dialog - see Adobe Experience Manager Help | Creating a custom Experience Manager sling:resourceType for Touch UI .

But for the TABLE - it may not work like other components.

I want to try and get the table modified with CSS and then try to get the picker in a dialog.