RadColorPIcker Customization

5 posts, 0 answers
  1. xstream tvm
    xstream tvm avatar
    4 posts
    Member since:
    Nov 2009

    Posted 28 Nov 2009 Link to this post

    Hi Telerik,

    I am currently using RadColorPIcker in one of my pages. I am using the palette mode as "RGBSliders".
    My requirement is to customize the color picker such that i don’t want to display the "Apply”,” Increase" and "decrease" buttons.
    Is it possible?

    Regards,
    Jennifer

  2. Martin
    Admin
    Martin avatar
    585 posts

    Posted 30 Nov 2009 Link to this post

    Hi Jennifer,

    You can easily fulfil your requirements with a couple of lines of CSS:

    <style type="text/css">
    .rslHandle
    {
     visibility: hidden;
    }

    .rcpFooter
    {
     display: none;
    }
    </style>

    In order to keep the right looks of RadColorPicker, I have used visibility: hidden for the increase / decrease buttons instead of display: none as I did with the footer of the control, where the "Apply" button (.rcpApplyButton) is rendered. In any case, you may play with these properties the way you find best for your project.

    Regards,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. xstream tvm
    xstream tvm avatar
    4 posts
    Member since:
    Nov 2009

    Posted 03 Dec 2009 Link to this post

    Thank you for the reply.

    I have done this by customizing the CSS as you specified in the reply. Also I have repositioned the Slider and the output text box that specifies the color value, so that the slider will come first and the color value textbox. In this case while loading the page for the first time the slider is not placing at the correct position. Why is it so? How can I avoid this?

    Regards,
    Jennifer

  5. xstream tvm
    xstream tvm avatar
    4 posts
    Member since:
    Nov 2009

    Posted 03 Dec 2009 Link to this post

    Thank you for the reply.

    I have done this by customizing the CSS as you specified in the reply. Also I have repositioned the Slider and the output text box that specifies the color value, so that the slider will come first and the color value textbox. In this case while loading the page for the first time the slider is not placing at the correct position. Why is it so? How can I avoid this?

    Regards,
    Jennifer

  6. Martin
    Admin
    Martin avatar
    585 posts

    Posted 04 Dec 2009 Link to this post

    Hello Jennifer,

    The customizations you have made may be prone to inconsistencies in the layout of RadColorPicker, because the functionality you need is not native to the control.

    Without having a sample of the issue you are encountered, I am afraid that I cannot help much, so if possible send me a sample page, include your color picker, custom styles and describe the problem in detail. I wouldn't promise that I will be able to help, but at least I can give it a try.

    Have a great weekend,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017