Color Picker in a zone

gourisankar padihary asked on March 9, 2015 10:02

Hi, I have one page template, where I have one zone. Inside that zone I have one editable text and image. I want to change the background color of this zone for different web sites. One way to acheive this through css. But I don't want my Web Designer to put the color code each time in the css file. Is there a provision for color picker which he can use while designing the page, which will make his job easier?

Thanks, GouriSankar

design and css styles color picker

Correct Answer

Brenden Kehren answered on March 9, 2015 13:36

If I understand you correctly, this is ONLY for the Design tab WITHIN the CMS, correct? If so, you're going to have to do some heavy modifications to the controls for displaying the zones. This is not an out of the box type feature or even an easy task to accomplish without great knowledge of the inner workings of the CMS.

One quick easy fix would be in the properties of the Zone, set the content before and after with a wrapper and some inline styles. But watch out as this will show on your live site as well.

0 votesVote for this answer Unmark Correct answer

Recent Answers

Petar Kozjak answered on March 9, 2015 11:19

I'm not sure what you want to accomplish. But if you want change background or style of all webpart inside a zone use Web Part Containers: https://docs.kentico.com/display/K8/Using+web+part+containers

You can predefine all colors inside of this containers.

0 votesVote for this answer Mark as a Correct answer

gourisankar padihary answered on March 9, 2015 12:24 (last edited on March 9, 2015 12:28)

Hi, Thanks for the response. I want to change the color for a zone. I have requirement like There will be button and text box area in a region, the background color should be changeable. For this I have put one zone, on top of zone I have put 2 web parts, one for button and one for editable text. This is inside my page template. For different web sites I can put different color for this zone. So I want a color picker in design view, where Designer can choose from to put the color for this zone.

I can achieve this through web part container, where I will put css class, and specify the color. But I dont want to do like this. Can I have a color picker to do this work, instead of manually doing the changes in css?

0 votesVote for this answer Mark as a Correct answer