RadColorPicker does not display correctly in Internet Explorer 6

[Quang Vo]

RadColorPicker does not display correctly in Internet Explorer 6. The color sliding bar is on place on the bottom instead of next to the color pallette.

See image: http://www.flickr.com/photos/quangvo/3968182930/in/set-72157622360470375/

Please help thank you.

<telerik:RadGrid ID="gridCategories" Width="800px" runat="server" AutoGenerateColumns="false" Skin="Sunset"

            ShowStatusBar="true" AllowMultiRowSelection="false" OnNeedDataSource="gridCategories_NeedDataSource"

            AllowPaging="true" AllowSorting="true" OnItemCommand="gridCategories_ItemCommand"

            OnPreRender="gridCategories_PreRender" PageSize="10" OnItemDataBound="gridCategories_ItemDataBound">

            <ClientSettings ClientEvents-OnPopUpShowing="popupShowing"></ClientSettings>

            <MasterTableView HierarchyDefaultExpanded="false" EditMode="PopUp" HierarchyLoadMode="Client"

                Width="800px" ShowHeadersWhenNoRecords="false" DataKeyNames="CategoryID" CommandItemDisplay="TopAndBottom">

                <Columns>

                    <telerik:GridEditCommandColumn ItemStyle-Width="30" ButtonType="ImageButton" EditText="Edit">

                        <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

                    </telerik:GridEditCommandColumn>

                    <telerik:GridBoundColumn DataField="CategoryName" ItemStyle-Width="400" HeaderText="Category">

                    </telerik:GridBoundColumn>

                    <telerik:GridTemplateColumn HeaderText="Font Colour" ItemStyle-Width="65" ItemStyle-HorizontalAlign="Center">

                        <ItemTemplate>

                            <asp:Label ID="lblColor" runat="server" style='<%# "Background-Color:" + Eval( "Color") %>' Width="20px">&nbsp;</asp:Label>

 

                        </ItemTemplate>

                    </telerik:GridTemplateColumn>

                    <telerik:GridBoundColumn DataField="UpdatedOn" HeaderText="Last Updated">

                    </telerik:GridBoundColumn>

                    <telerik:GridButtonColumn CommandName="Delete" Text="Delete"

                      UniqueName="DeleteColumn" ConfirmText="Delete this Category?" ButtonType="ImageButton">

                        <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

                    </telerik:GridButtonColumn>

                </Columns>

                <EditFormSettings EditFormType="Template" PopUpSettings-Modal="true" CaptionFormatString="Manage Category"

                    PopUpSettings-Width="300">

                    <FormTemplate>

                        <br />

                        <table>

                            <tr>

                                <td>

                                    Category Name:

                                </td>

                                <td>

                                    <asp:TextBox ID="txtCategoryName" Text='<%# Bind( "CategoryName") %>' runat="server"></asp:TextBox>

                                </td>

                            </tr>

                            <tr>

                                <td>

                                    Color:

                                </td>

                                <td>                                   

                                    <telerik:RadColorPicker ID="rcpColor" ShowIcon="true"  runat="server"   PaletteModes="HSB" Preset="Standard"  >

                                    </telerik:RadColorPicker>

                                </td>

                            </tr>

                            <tr>

                                <td colspan="2" align="right">

                                    <br />

                                    <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

                                        runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

                                    </asp:Button>&nbsp;

                                    <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"

                                        CommandName="Cancel"></asp:Button>

                                </td>

                            </tr>

                        </table>

                        <br />

                    </FormTemplate>

                </EditFormSettings>

            </MasterTableView>

            <ClientSettings AllowExpandCollapse="true" EnableRowHoverStyle="true">

                <Selecting AllowRowSelect="true" />

                <Scrolling AllowScroll="false" ScrollHeight="200" UseStaticHeaders="True" SaveScrollPosition="True"

                    FrozenColumnsCount="1"></Scrolling>

            </ClientSettings>

        </telerik:RadGrid>

[Tsvetie]

Hello Quang Vo,
I created a simple test page based on your code, but I was not able to reproduce the problem you describe. I have attached my page for your reference as well as a screenshot of the result I get. Could you please open a new support ticket and send me a simple running project, demonstrating the problem you have?

Best wishes,
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.