apply background color using colorpalette

[shreyasl9335234]

I am supposed to change the background-color of my component using the dialog. I am able to change the color if i use the xtype="textfield", but when the xtype is colorpalette or colorlist, the colors appear on the dialog. on choosing the color it does not replicate in the component.

<section class="mbr-section mbr-section--relative mbr-section--fixed-size" id="contacts3-11" style="background-color:${properties.bgcolor} !important;">

[smacdonald2008]

You can write a custom color picker - see this article: 

https://helpx.adobe.com/experience-manager/using/creating-touchui-validate1.html

Video -- https://www.youtube.com/watch?v=tH__2ZXGHnU

[kautuk_sahni · Accepted solution]

Hi

You can create a component, where you can ask a author to select the colour. The selected colour can then be used to change the CSS property of page's background.

Similar Helpx:- https://helpx.adobe.com/experience-manager/using/creating-touchui-validate1.html

Package Link:- https://helpx.adobe.com/content/help/en/experience-manager/using/creating-touchui-validate1/_jcr_con...

Reference artile :- http://experience-aem.blogspot.in/2015/10/aem-61-touchui-rich-text-editor-color-picker-plugin.html

// TouchUI Rich Text Editor Color Picker Plugin

I hope this would help you.

~kautuk