This is a migrated thread and some comments may be shown as answers.

Funny looking radWindow problem

3 Answers 156 Views

Window

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

Accepted

answered on 10 Nov 2010, 10:46 AM

brokenwidnow.png

Hello M G,

I have put on a single page RadWindow using 2010.2.929 version of Telerik Controls and everything seems OK in all major browsers. Please find the following code to test it on a single page:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</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>

</html>

From the picture attached, I would suggest that 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 and could case similar layout that could be seen at your picture. Please find a code, with some additional styles applied, marked in yellow, that breaks the first code:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<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>

</html>

The second code will show the window as it is in brokenwidnow.png image attached. If you have any global styles in your application, similar to these in the second example, please consider to use CSS class names instead applying global styles.

If you still experience the problem, open a support ticket and send us a live url or a sample project, where the problem exists, to investigate it further.

Greetings,
Bojo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items