This is a migrated thread and some comments may be shown as answers.
Strange apparence of a Window ( bug? )
2 Answers 14 Views
This is a migrated thread and some comments may be shown as answers.
Ronan BARRANGER
Top achievements
Rank 1
Ronan BARRANGER asked on 06 Mar 2012, 03:56 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 06 Mar 2012, 04:30 PM
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.
0
Ronan BARRANGER
Top achievements
Rank 1
answered on 06 Mar 2012, 05:10 PM
Thanks a lot, it helped me a lot
Asked by
Ronan BARRANGER
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Ronan BARRANGER
Top achievements
Rank 1
Share this question
or