Embedded black skin problem IE8

2 posts, 0 answers
  1. Seb
    Seb avatar
    10 posts
    Member since:
    Oct 2010

    Posted 12 Oct 2010 Link to this post

    Hi,

    This week I test ASP.NET free trial Q2 2010, i used Black embedded skin who works perfectly in FireFox(last version) but not in Ie8.

    First, display is not the same (color in textBox, radioButton look)between them.

    Second, in Ie8 when my page is loading the textbox are first white and then goes black after a second wich is not very professionnal.

    All componants are asp, excepts radEditor and radUpload.

    Thanks
  2. Bozhidar
    Admin
    Bozhidar avatar
    678 posts

    Posted 14 Oct 2010 Link to this post

    Hello Taymans,

    Without any code provided it is hard to find what should be the problem. I have tired to reproduce the it with the following code:

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" Skin="Black" />
        <div>
            <h1>
                Mailing OneTec</h1>
            <table cellpadding="2" cellspacing="1">
                <tr>
                    <td>
                        <a href="">Mailing Parser</a>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                        Mailing Type:
                    </td>
                    <td>
                        <asp:RadioButton Text="New" ID="new" runat="server" Checked="true" />
                        <asp:RadioButton Text="Existing" ID="existing" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Event Name:
                    </td>
                    <td style="vertical-align: middle;">
                        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="false" Width="150">
                            <asp:ListItem Text="" Value="1"></asp:ListItem>
                            <asp:ListItem Text="" Value="2"></asp:ListItem>
                            <asp:ListItem Text="" Value="3"></asp:ListItem>
                            <asp:ListItem Text="" Value="4"></asp:ListItem>
                        </asp:DropDownList>
                        <a href="#">Event Administration</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        Mailing Name:
                    </td>
                    <td>
                        <asp:TextBox ID="tb1" runat="server" Width="400"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        From:
                    </td>
                    <td>
                        <asp:TextBox ID="tb2" runat="server" Width="400"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        Body Type:
                    </td>
                    <td>
                        <asp:RadioButton Text="HTML" ID="RadioButton1" runat="server" Checked="true" />
                        <asp:RadioButton Text="Text" ID="RadioButton2" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Body Tag:
                    </td>
                    <td>
                        <asp:RadioButton Text="No" ID="RadioButton3" runat="server" Checked="true" />
                        <asp:RadioButton Text="Yes" ID="RadioButton4" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td>
                          
                    </td>
                    <td>
                        <telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" Skin="Black">
                        </telerik:RadAsyncUpload>
                    </td>
                </tr>
                <tr>
                    <td>
                        Attachmnet:
                    </td>
                    <td>
                        <asp:Button ID="bn1" Text="Add" runat="server" Width="75" />
                    </td>
                </tr>
                <tr>
                    <td>
                          
                    </td>
                    <td>
                        <asp:Button ID="Button1" Text="Upload" runat="server" Width="75" />
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: top;">
                        Comment:
                    </td>
                    <td>
                        <telerik:RadEditor runat="server" ID="edit1" Skin="Black">
                        </telerik:RadEditor>
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </body>
    </html>

    Attached are also two images firefox.gif and IE8.gif  showing the result from the code above in Firefox and Internet Explorer 8, and as I see there are no differences.

    In RadForm Decorator we do not show the html form elements before they to be decorated. You could find that behavior reproduced that at:  http://demos.telerik.com/aspnet-ajax/formdecorator/examples/default/defaultcs.aspx by changing the skins.

    If this happens with your application - the form elements to be shown before to be decorated, could be caused by an external CSS styles and/or too many controls loaded at your page.

    To help you, we will ask you to send us a runnable application where the problem exists, so we will be able to investigate it further.

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