RadColorPicker does not display correctly in Internet Explorer 6

2 posts, 0 answers
  1. Quang Vo
    Quang Vo avatar
    1 posts
    Member since:
    Aug 2009

    Posted 29 Sep 2009 Link to this post

    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>

  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 30 Sep 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top