Dhanasekar
Top achievements
Rank 1
Rank 1
Dhanasekar
asked on 17 May 2011, 04:22 PM
Hi,
I am new to Rad controls. We have a requirement to open a E-mail form in a rad window.
Though I did succeed in opening the window uinsg RadWindowMananger and RadWinow.
I use javascript radopen("Mail.aspx", "RadWindow1") in my parent aspx file.
When the radwindow opens it displays a series of icons at the bottom of the rad window.
Please someone help with this.
Attached screen shot.
I am new to Rad controls. We have a requirement to open a E-mail form in a rad window.
Though I did succeed in opening the window uinsg RadWindowMananger and RadWinow.
I use javascript radopen("Mail.aspx", "RadWindow1") in my parent aspx file.
When the radwindow opens it displays a series of icons at the bottom of the rad window.
Please someone help with this.
Attached screen shot.
2 Answers, 1 is accepted
0
Shinu
Top achievements
Rank 2
Rank 2
answered on 18 May 2011, 07:37 AM
Hello Dhanasekar,
Usually this behavior happens when 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 pages, The first one will render as expected. Since some CSS rules are applied the second window will be having some rendering issue.
aspx: (With out styling:)
aspx: (With Styling.)
Thanks,
Shinu.
Usually this behavior happens when 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 pages, The first one will render as expected. Since some CSS rules are applied the second window will be having some rendering issue.
aspx: (With out styling:)
<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>aspx: (With Styling.)
<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,
Shinu.
0
Dhanasekar
Top achievements
Rank 1
Rank 1
answered on 18 May 2011, 02:08 PM
Hi Shinu,
Thanks for the quick help. As you mentioned I figured out the issue in global css <TR> style declaration. I override the style in the aspx page, which solved the issue.
Thanks again,
Dhana
Thanks for the quick help. As you mentioned I figured out the issue in global css <TR> style declaration. I override the style in the aspx page, which solved the issue.
Thanks again,
Dhana