This is a migrated thread and some comments may be shown as answers.

Embedded black skin problem IE8

1 Answer 29 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Seb
Top achievements
Rank 1
Seb asked on 12 Oct 2010, 11:17 AM
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

1 Answer, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 14 Oct 2010, 01:13 PM
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
Tags
FormDecorator
Asked by
Seb
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Share this question
or