Strange apparence of a Window ( bug? )

3 posts, 1 answers
  1. Ronan BARRANGER
    Ronan BARRANGER avatar
    24 posts
    Member since:
    Mar 2010

    Posted 06 Mar 2012 Link to this post

    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
  2. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    5243 posts

    Posted 06 Mar 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Ronan BARRANGER
    Ronan BARRANGER avatar
    24 posts
    Member since:
    Mar 2010

    Posted 06 Mar 2012 Link to this post

    Thanks a lot, it helped me a lot
Back to Top