RadWindow padding problem

[Yaron Lavi]

Hi,
I'm showing a radWindow which its internal URL contains a simple <TABLE>. However, the window seems to have an internal padding, while i want the internal table to strech on the entire radWindow width. I'm using skin="Office2007".

Attaching a picture. Also, the auto-size looks bad - why the scroll bar appear??

[Yaron Lavi]

attaching also a picture.

[Georgi Tunev]

Hi Yaron,

Could you please post:

1. RadWindow's declaration
2. The content's code

Thank you in advance.

Regards,
Georgi Tunev
the Telerik team

[Yaron Lavi]

RadWindow Decalaration:

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="Test1.aspx.vb" Inherits="CSR_Cashier_Test1" %>

 

<!

 

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>Untitled Page</title>

 

</

 

head>

 

<

 

body>

 

 

<form runat="server" id="mainForm" method="post" style="height:100%; width:100%;" >

 

 

<telerik:RadScriptManager ID="RadScriptManager1" AsyncPostBackTimeout="300" runat="server"></telerik:RadScriptManager>

 

 

 

<table cellpadding="0" cellspacing="0" style="height:100%; width:100%;">

 

 

<tr style="height:100%; width:100%;">

 

 

<td colspan="3" valign="top" style="height:100%; width:100%;">

 

 

<div style="height:100%; width:100%;">

 

 

<a href="javascript:ShowPopupForm('TestPop.aspx')">Popup Window</a>

 

 

</div>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

 

 

<telerik:RadWindowManager

 

 

ID="RadWindowManager1"

 

 

VisibleStatusbar="false"

 

 

VisibleTitlebar="true"

 

 

Behaviors="Close,Move"

 

 

runat="server" Skin="Office2007"

 

 

AutoSize="true"

 

 

DestroyOnClose="true"

 

 

Modal="true">

 

 

<Windows>

 

 

<telerik:RadWindow runat="server" ID="RadWindow1" NavigateUrl="TestPop.aspx" />

 

 

</Windows>

 

 

</telerik:RadWindowManager>

 

 

<script type="text/javascript">

 

 

function ShowPopupForm(WinForm)

 

{

 

try {

 

 

 

var wnd = window.radopen("testpop.aspx", null);

 

 

//wnd.setSize(600, 600);

 

 

//return false;

 

}

 

catch(e) {

 

alert(e.description);

}

}

 

</script>

 

</

 

form>

 

</

 

body>

 

</

 

html>

 

Content Form:

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="TestPop.aspx.vb" Inherits="CSR_Cashier_TestPop" %>

 

<!

 

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>Untitled Page</title>

 

</

 

head>

 

<

 

body>

 

 

<form id="form1" runat="server">

 

 

<table cellpadding="0" cellspacing="0" border="1" style="height:100%;width:100%;position:relative;">

 

 

<tr>

 

 

<td align="left" valign="top">

 

 

<div>

 

 

<table cellpadding="2" cellspacing="2" >

 

 

<tr>

 

 

<td align="left" valign="top">

 

 

<span id="ctl00_ContentPlaceHolder1_lblSKU" >SKU</span>

 

 

</td>

 

 

<td>

 

 

<input name="ctl00$ContentPlaceHolder1$txtSKU" type="text" id="ctl00_ContentPlaceHolder1_txtSKU" style="border-color:#A09E9F;border-width:1px;border-style:Solid;width:200px;" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<span id="ctl00_ContentPlaceHolder1_lblLA" >LA</span>

 

 

</td>

 

 

<td>

 

 

<input name="ctl00$ContentPlaceHolder1$txtLA" type="text" id="ctl00_ContentPlaceHolder1_txtLA" tabindex="2" style="border-color:#A09E9F;border-width:1px;border-style:Solid;width:200px;" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<span id="ctl00_ContentPlaceHolder1_txtParent" >Parent</span>

 

 

</td>

 

 

<td>

 

 

<select name="ctl00$ContentPlaceHolder1$ddlParent" id="ctl00_ContentPlaceHolder1_ddlParent" style="width:200px;" />

 

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</div>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>&nbsp;</td>

 

 

</tr>

 

 

<tr>

 

 

<td align="right">

 

 

<table cellpadding="0" cellspacing="0">

 

 

<tr style="height:25px;">

 

 

<td align="right"><input type="button" name="ctl00$btnGo" value="Search" id="ctl00_btnGo" AutoSubmit="False" ClickOnEnterKey="False" ClickOnSpaceKey="False" style="width:80px;" /></td>

 

 

<td align="right"></td>

 

 

<td align="right"><input type="button" name="ctl00$btnCancel" value="Cancel" id="ctl00_btnCancel" AutoSubmit="False" ClickOnEnterKey="False" ClickOnSpaceKey="False" style="width:80px;" /></td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

</tr>

 

 

</

 

table>

 

 

</form>

 

</

 

body>

 

</

 

html>

 

[Georgi Tunev]

Hello Yaron,

Thank you for the sample. Please add the following CSS to your content page and you should not experience this problem anymore:

<style type="text/css">
html, body, form
{
    padding:0;
    margin:0;
    height:100%;
}
</style>

Greetings,
Georgi Tunev
the Telerik team