[Users] How to add a footer to a viewport?

Matt Priour mpriour at kestrelcomputer.com
Tue Oct 5 16:35:36 CEST 2010


Not to a Viewport but that is only because a Viewport is specialized panel 
component that always has a 'border' layout property and always fills the 
entire viewport.

What I have done in the past when I needed a static header / footer or both 
and didn't want excessively complex nested layouts is to define my static 
areas in HTML and my dynamic area gets a placeholder div in the HTML. Then, 
in ExtJS code I just configure my parent component with a 'border' layout 
property and configure all the application parts inside that just like I 
would have with a viewport.

ex:

<div id='headerDiv'><img src=...></div>
<div id='dynamicDiv'></div>
<div id='footerDiv'><p>blah, bleck, ... </p></div>

Ext.onReady(function(){
    var myViewport = new Ext.Panel({
        layout:'border',
        renderTo:'dynamicDiv',
        items:[
            {region:'east', .... },
            {region:'center', ....},
            etc...
        ]})
});

Matt Priour
Kestrel Computer Consutling

--------------------------------------------------
From: "Robert Buckley" <robertdbuckley at yahoo.com>
Sent: Tuesday, October 05, 2010 7:54 AM
To: <users at geoext.org>
Subject: [Users] How to add a footer to a viewport?

> Hi,
>
> I would like to add a footer to a viewport which should be always visible. 
> Is it
> possible to do this without defining a "south" region in the viewport?
>
> Yours,
>
> Robert
>
>
> _______________________________________________
> Users mailing list
> Users at geoext.org
> http://www.geoext.org/cgi-bin/mailman/listinfo/users
> 


More information about the Users mailing list