Strange apparence of a Window ( bug? )

[Ronan BARRANGER]

Greetings,

I'm trying to open an a

<script type="text/javascript">


    function openRadWin() {
        radopen("Creation_Incident_Details.aspx","RadWindow1");
    }
    </script>

<asp:ImageButton ID="ImageButton8" runat="server" ImageUrl="~/img/dupliquer.jpg"
     CommandArgument='<%# Eval("idFamille") %>' ToolTip='<%# Eval("nomFamille") %>' OnClientClick="openRadWin(); return false;" />

  

       <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
    <telerik:RadWindow
        id="RadWindow1"
        runat="server"
        width="400px"
        height="400px"
        title="Telerik RadWindow">
    </telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>

The problem is my window appears with a huge bug: ( see attached file )



Please note i get this bug with all the browsers i'm using.
Do you know where this might come from ?

thank you in advance

[Marin Bratanov]

Hello Ronan,

The most probable cause for this appearance is a global CSS rule on the page that modifies the default margin/padding/size/etc. for elements like. TR, TD, UL, LI. Such rules are applied to all  elements on the page, including the ones from the RadWindow, regardless of any other classes, ids and cascades there may be.

This means that having such global rules on your page will affect all third party controls, like ours. Such global rules should be avoided, as our controls rely on a clean CSS slate to work correctly. We could not override all CSS properties in our stylesheets, as this would increase their size many times and they would become unmaintainable.

How you can determine if this is the cause - disable (remove) all your custom CSS from the page and if the issue is gone you can start re-adding the files one by one until the issue manifests. Then the same process can be repeated for the rules inside to determine the offending one.

What you can do is make your selectors heavier, for example by adding a class to your rule. This would prevent it from applying to all other elements and thus breaking the display of third party controls.


Kind regards,
Marin
the Telerik team

[Ronan BARRANGER]

Thanks a lot, it helped me a lot