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
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

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

michaell9990726
Level 2
Level 2

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?

1 Accepted Solution
smacdonald2008
Correct answer by
Level 10
Level 10

THis works - i followed the blog and got this:

ACOLORPIC.png

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...

View solution in original post

10 Replies
smacdonald2008
Level 10
Level 10

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

clientpicker.png

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.

amoghd64765494
Level 3
Level 3

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

Ratna_Kumar
Community Advisor
Community Advisor

Hi,

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

Thanks,

Ratna.

smacdonald2008
Level 10
Level 10

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

michaell9990726
Level 2
Level 2

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

smacdonald2008
Correct answer by
Level 10
Level 10

THis works - i followed the blog and got this:

ACOLORPIC.png

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...

View solution in original post

davenichols79
Level 2
Level 2

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.

amoghd64765494
Level 3
Level 3

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.

nandhini
Level 2
Level 2

Ratna Kumar

Hi Ratna Kumar,

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

Thanks.