This is a migrated thread and some comments may be shown as answers.
Problem with displaying RadWindow
2 Answers 24 Views
This is a migrated thread and some comments may be shown as answers.
Tri Nguyen
Top achievements
Rank 1
Tri Nguyen asked on 19 Dec 2011, 08:12 PM
Hello,

I use the RadWindow for pop-up window to gather different info from users. In one case, I have the pop-up window that looks like no formatting was applied correctly (in the attached image). It doesn't happen with all the pop-up windows. Just that one! I have tried to research but found no similar case. Since this is for our intranet site, it is not possible for me to send the layout to you. Any thought on what might have cause this issue. Thanks in advance.

Tri

PS: I am using version 2011.2.915.40.



2 Answers, 1 is accepted

Sort by
0
Kevin
Top achievements
Rank 2
answered on 19 Dec 2011, 09:24 PM
Hello Tri,

The only reason I can think of why that is occuring is because of some css style that is conflicting with the RadWindow styles. Have you tried inspecting your page using FireBug or IE Developer toolbar to see what styles is overwriting the RadWindow's styles.
0
Princy
Top achievements
Rank 1
answered on 20 Dec 2011, 05:45 AM
Hello,

I suppose you have some global CSS styles applied to elements like: TABLE, TR, TD, UL and/or LI. If you have one, it will apply some additional styles to the controls. Here is the sample page and it worked as expected.
ASPX:
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadWindow ID="rw1" runat="server" VisibleOnPageLoad="true" Width="300" Height="300"
        Top="50" Left="20" EnableShadow="true" Behaviors="Default">
    </telerik:RadWindow>
    </form>
</body>

For the same page I have applied the style for the elements TABLE, TR, TD, UL and/or LI. It breaks the window design.
<head runat="server">
    <title></title>
    <style type="text/css">
    table, tr, ul, li, td {padding: 10px; height: 40px;}
    </style>
</head>
<body>
 <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadSkinManager ID="rs1" runat="server" ShowChooser="true"></telerik:RadSkinManager>
    <br /><br />
    <telerik:RadWindow ID="rw1" runat="server" VisibleOnPageLoad="true" Width="300" Height="300"
        Top="50" Left="20" EnableShadow="true" Behaviors="Default">
    </telerik:RadWindow>
 </form>
</body>

Thanks,
Princy.
Asked by
Tri Nguyen
Top achievements
Rank 1
Answers by
Kevin
Top achievements
Rank 2
Princy
Top achievements
Rank 1
Share this question
or