RadWindow padding problem

5 posts, 0 answers
  1. Yaron Lavi
    Yaron Lavi avatar
    7 posts
    Member since:
    Apr 2010

    Posted 08 Nov 2010 Link to this post

    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??
  2. Yaron Lavi
    Yaron Lavi avatar
    7 posts
    Member since:
    Apr 2010

    Posted 08 Nov 2010 Link to this post

    attaching also a picture.
  3. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 09 Nov 2010 Link to this post

    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
    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
  4. Yaron Lavi
    Yaron Lavi avatar
    7 posts
    Member since:
    Apr 2010

    Posted 09 Nov 2010 Link to this post

    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>

     

  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 12 Nov 2010 Link to this post

    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
    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
Back to Top