Master Page and height of CalendarPanel in child page

  1. #1

    Master Page and height of CalendarPanel in child page

    Hello!

    We use MasterPage in our project and we put CalendarPanel to the ContentPlaceHolder .

    When child page is displayed we can see that the height of CalendarPanel's content is equal to 0, though it should be equal to the height of page excluding the height of header.

    In addition to that, if we don't use masterpages, but odinary page, we get expexted CalendarPanel's height.

    Master Page

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="CalendarTest.SiteMaster" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head id="Head1" runat="server">
        
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
        
        <title>Calendar</title>
    </head>
    <body>
        <form id="Form1" runat="server">
            
             <ext:ResourceManager ID="ResourceManager1" runat="server"  IDMode="Explicit" Namespace="CompanyX" />
         
             <ext:ViewPort ID="ViewPort1" runat="server" Layout="Border">
            
                <Items>
                
                    <ext:Toolbar runat="server" Region="North" Height="25">
                           <Items>
                            <ext:Button ID="MnBtnCalendar" runat="server" Text="Calendar" Pressed="true" Cls="menu-button" /> 
                            <ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server" />
                            <ext:Button ID="Button2" runat="server" Text="Patients" Pressed="false" Cls="menu-button"/>
                        </Items>
                    </ext:Toolbar>      
    
                    <ext:Panel ID="Panel1" runat="server" Region="Center" Layout="Border">
                    
                        <Content>
                            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
                        </Content>
    
                    </ext:Panel>          
     
                </Items>
            
            </ext:ViewPort>
    
        </form>
    </body>
    </html>
    Child Page

    <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CalendarTest._Default" %>
    <%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net, Version=1.2.0.21945, Culture=neutral, PublicKeyToken=2e12ce3d0176cd87" %>
    
    
    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
        
        
        <ext:BorderLayout runat="server">
            <Items>
                
                <ext:Panel runat="server" Width="176" Region="West" >
                    <Items>
                        <ext:DatePicker 
                            ID="DatePicker1" 
                            runat="server" 
                            Cls="ext-cal-nav-picker">
                        </ext:DatePicker>
                    </Items>
                </ext:Panel>
                            
                <ext:Panel runat="server" Region="Center">
                    <Items>
                        <ext:CalendarPanel ID="CalendarPanel1" runat="server" Border="false"/>
                    </Items>
                </ext:Panel>
    
            </Items> 
         </ext:BorderLayout>
        
    
    </asp:Content>

    Any help is appreciated!
  2. #2
    Hi,

    You should set up Layout="FitLayout" for the Panel within the child page (the container of the CalendarPanel).
    <ext:Panel runat="server" Region="Center" Layout="FitLayout">
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    You should set up Layout="FitLayout" for the Panel within the child page (the container of the CalendarPanel).
    <ext:Panel runat="server" Region="Center" Layout="FitLayout">
    Daniil, thank you very much!

    Now it works perfectly.

    Thank you one more time!

Similar Threads

  1. Replies: 1
    Last Post: Sep 08, 2013, 5:10 AM
  2. Replies: 0
    Last Post: Jul 30, 2012, 10:39 AM
  3. Replies: 4
    Last Post: Feb 13, 2012, 2:21 PM
  4. Replies: 1
    Last Post: Feb 03, 2012, 2:36 PM
  5. Replies: 2
    Last Post: May 05, 2010, 10:23 AM

Posting Permissions