Problem with displaying RadWindow

3 posts, 0 answers
  1. Tri Nguyen
    Tri Nguyen avatar
    43 posts
    Member since:
    Feb 2004

    Posted 19 Dec 2011 Link to this post

    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.
  3. Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 19 Dec 2011 Link to this post

    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.
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 19 Dec 2011 Link to this post

    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.
Back to Top