[CLOSED] Viewport with footer

  1. #1

    [CLOSED] Viewport with footer

    Using the example
    https://examples1.ext.net/#/ViewPort...ilt_in_Markup/
    I want to add a footer as attached picture.
    How do I do?
    Attached Thumbnails Click image for larger version. 

Name:	cool.jpg 
Views:	173 
Size:	103.3 KB 
ID:	1647  
    Last edited by geoffrey.mcgill; Sep 22, 2010 at 7:15 PM. Reason: [CLOSED]
  2. #2
    Hi,

    You could you use the BottomBar section of Panel control.

    Please look at the example.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!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>Ext.Net Example</title>
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Viewport runat="server" Layout="fit">
            <Items>
                <ext:Panel 
                    runat="server" 
                    Title="BorderLayout Panel" 
                    Layout="border">
                    <Items>
                        <ext:Panel 
                            runat="server" 
                            Region="North" 
                            Title="North" 
                            Height="150" />
                        <ext:Panel 
                            runat="server" 
                            Region="Center" 
                            Title="Center" />
                        <ext:Panel 
                            runat="server" 
                            Region="West" 
                            Title="West" 
                            Width="150" />
                        <ext:Panel 
                            runat="server" 
                            Region="East" 
                            Title="East" 
                            Width="150" />
                    </Items>
                    <BottomBar>
                        <ext:StatusBar runat="server" DefaultText="Status here">
                            <Items>
                                <ext:DisplayField runat="server" Text="Fields here" />
                            </Items>
                        </ext:StatusBar>
                    </BottomBar>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>

    See also

    https://examples1.ext.net/#/Toolbar/StatusBar/Overview/
    Last edited by Daniil; Sep 22, 2010 at 5:32 PM. Reason: Added See also

Similar Threads

  1. ext button click asp:gridiew footer row will be show
    By landerajshree in forum 1.x Help
    Replies: 5
    Last Post: Jul 03, 2012, 9:45 AM
  2. open a asp:gridview footer on ext add button click
    By landerajshree in forum 1.x Help
    Replies: 0
    Last Post: Jun 28, 2012, 11:35 AM
  3. [CLOSED] Page Header Footer layout design concepts with ExtJs/Ext.NET
    By webclouder in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 13, 2011, 5:00 PM
  4. [CLOSED] Does the GridPanel has a footer?
    By jachnicky in forum 1.x Help
    Replies: 3
    Last Post: Dec 09, 2008, 8:16 PM
  5. [CLOSED] Panel Footer title
    By sz_146 in forum 1.x Help
    Replies: 3
    Last Post: Dec 02, 2008, 11:10 AM

Posting Permissions