Color Picker CSS

2 posts, 0 answers
  1. Rafal
    Rafal avatar
    27 posts
    Member since:
    Dec 2007

    Posted 03 Nov 2010 Link to this post


    I have a Color picker wrapped in a jquerry dialog and when i choose a color i would like the color pop up to expand the dialog (instead of just overflowing) or  be able to reposition it somewhere on the page. Could anybody by any chance provide me with the name of the class tag that i need to modify? i have not been able to find it on my own.

  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 08 Nov 2010 Link to this post

    Hello Rafal,
    In case I understand your requirement correctly, you do not want to use the popup feature of the color picker, but only have the control invisible, until the user clicks a button. In this case, I would recommend that you use a static color picker (ShowIcon=false) that is hidden by default, e.g. it is wrapped in a DIV with "display:none" style setting, and use a separate button to show/hide the wrapper DIV.

    Another approach would be to re-size the dialog, when the palette opens - you can use the popUpShow client-side event in order to implement this:
    <telerik:RadColorPicker ID="RadColorPicker1" runat="server" Height="338px" ShowIcon="true"
    <script type="text/javascript">
        function OnClientPopUpShow(sender,args)

    Regarding your second question - about positioning the palette somewhere on the page, you can use the TOP and LEFT style settings to do this. You can find additional information about these settings on the W3 site -

    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top