Colorpicker in update panel on firefox

[Robert Verderber]

Is anyone using the colorpicker control in an update panel and having issue with how it renders? I have it in a RadAjaxPanel so that I can hide and show it whan a specific radio button is selected. If the page loads with it in the hidden state and then it is set to visible in an ajax postback it render really large in firefox. After it hides and shows again on the postback it looks correct. I had seen this a couple of times on IE but it hasn't happened on that browser since I updated the program to the 2009 Q3 release. It is consistantly doing it on Firefox.

Image attached

[Tsvetie]

Hi Robert Verderber,
I tried to reproduce the problem you describe, but to no avail - I have attached my test page for your reference. I used version 2009.3 1103 of the Telerik.Web.UI assembly for my test and Firefox 3.5.5. Could you please test this page on your side to see if you can reproduce the problem with it? In case you cannot, please open a new support ticket and send us a test page that demonstrates the problem from your screenshot.

Greetings,
Tsvetie
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.

[Robert Verderber]

Could it have something to do with me having a custom palette with only 6 colors. I was able to reproduce the issue with a minimal project. I will open a ticket, I can't upload it here. 

[Jacob]

I experience exactly the same issue.
My web page : hidden panel with colorpicker and rad ajax manager proxy , after hitting a button that shows the panel , the colorpicker renders insanely huge , only for the first time , it looks OK after second postback.

[Robert Verderber]

Jacob,

It is an issue in the control. Telerik did give me a work around to ensure that the css for the color picker was loaded properly. I added the following to the top of my page and it solved my issues, Hope it helps.

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <link href='<%= Page.ClientScript.GetWebResourceUrl(GetType(RadColorPicker), "Telerik.Web.UI.Skins.ColorPicker.css") %>'

            rel="stylesheet" type="text/css" />

        <link href='<%= Page.ClientScript.GetWebResourceUrl(GetType(RadColorPicker), "Telerik.Web.UI.Skins.Default.ColorPicker.Default.css") %>'

            rel="stylesheet" type="text/css" />

    </telerik:RadCodeBlock>

~rv

[Jacob]

Thanks Robert,

I modified your code : GetType(RadColorPicker) -> RadColorPicker1.GetType() and it works, although it still got some difficulties with the width on first render but this bug is more acceptable then the previous one.

[Robert Verderber]

I am creating a new project and I'm having the same issue. This time I'm using the 2010 Q1 release and the fix i was given doesn't work so good in Firefox and this release and seems to actually mess up IE occasionally. Is there a better solution or was this addressed in 2010 Q2?
 

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <link href='<%= Page.ClientScript.GetWebResourceUrl(GetType(RadColorPicker), "Telerik.Web.UI.Skins.ColorPicker.css") %>'

            rel="stylesheet" type="text/css" />

        <link href='<%= Page.ClientScript.GetWebResourceUrl(GetType(RadColorPicker), "Telerik.Web.UI.Skins.Default.ColorPicker.Default.css") %>'

            rel="stylesheet" type="text/css" />

    </telerik:RadCodeBlock>

[Tsvetie]

Hi Robert Verderber,
I tested the page you sent me last time with the 2010 Q1 release and the color picker showed as expected both in IE and FF. I tested with IE7, IE8 and FF 3.6.6 - I have attached my test page for your reference. Could you please send me a test page that demonstrates your current problem?

Regards,
Tsvetie
the Telerik team