Hi all,
i have an new Problem. I have the following Layout:
first an borderLayout with 'north' for the head, 'west' for the body and 'east' for the white space on the right side. [richfaces] View of /trunk/release notes.txt:: 38] - a4j:include does not work as expected inside tabPanel * [RF-41] Modal Panel positioned wrong in Opera 9.10 * [RF-83] - dataTable: the column on http://viewvc.jboss.org/cgi-bin/viewvc.cgi/richfaces/trunkrevision=3098&view=markupHOME |
Now the problem. The body is divided into two pieces with a columnLayout. The left side has an TabPanel and the right side has an normal Panel. The whole Body should be able to scroll in one piece. Every thing works fine only the Tabs are only 50px height :((
Here is my code
var headDiv = new Ext.Panel({ Parenting | Languages | Regulatory Compliance | Communication | Women :: I am currently using a Ext.Panel -> layout:column instead the viewport, but i { xtype:tabpanel, activeTab:0, height:500, items:[{ xtype:panel, title:Tab http://xn--xpqt2ho7i.com/HOME | Home and Family | Interior Design | Marketing | PPC Advertising :: to create a Ext.FormPanel with multi column and nested Layouts inside a TabPanel. autoWidth/Height will be useless in a layout. Remove them. - 2008-12-19 http://www.homelessguestb.com/HOME |
region:'north',
id:'headID',
border: false,
autoScroll:false,
height: 116,
autoLoad: {
url: '../snippets/head_'+enviroment+'.html',
scripts: true
}
});
var contentDiv = new Ext.TabPanel({
id:'contentID',
activeTab:0,
columnWidth:.76,
items:[{
xtype: 'portal',
title: 'Summary',
items: [{
columnWidth: .33,
style: 'padding:10px',
items: [{
title: 'Navigation',
id: 'navigationID',
width: '180px',
tools: [{id:'gear'}],
draggable: false,
autoLoad: {
url: '../snippets/navigation_panel.html',
scripts: true
}
},{
title: 'Picture',
tools: [{id:'gear'}],
draggable: true,
width: '180px',
autoLoad: {
url: '../snippets/picture.html',
scripts: true
} }]
},{
columnWidth: .66,
style: 'margin-top:10px',
items: [{
title: 'NEWS',
width: '370px',
tools: [{id:'gear'}],
collapsible:false,
autoLoad: {
url: '../snippets/topnews.html',
scripts: true
}
},{
title: 'Use',
tools: [{id:'gear'}],
width: '180px',
style: 'margin-right:10px',
autoLoad: {
url: '../snippets/use.html',
scripts: true
}
}]
}]
},{
title:'Germany',
autoLoad:{url:'../snippets/test.html'},
closable: false
}]
});
var dockDiv = new Ext.Panel({
id:'dockID',
columnWidth:.24,
items:[{
xtype: 'portal',
margins: '35 5 5 0',
title: 'right',
items: [{
items: [{
title: 'my Network',
id:'newsID',
width: '180px',
tools: [{id:'gear'}],
autoLoad: {
url: '../snippets/network_panel.html',
scripts: true
}
}, {
title: 'Frequent tasks',
width: '180px',
tools: [{id:'gear'}],
autoLoad: {
url: '../snippets/loremipsum.html',
scripts: true
}
}]
}]
}]
});
var bodyDiv = new Ext.Panel({
region:'west',
id:'bodyID',
width:790,
autoScroll:true,
layout:'column',
items:[ contentDiv, dockDiv]
});
// Virtuelles Panel zum fixen der 790er Page-Breite
var eastDiv = new Ext.Panel({
region:'center'
});
/*
* Viewport
*/
var viewport = new Ext.Viewport({
layout:'border',
//layout: 'table',
monitorResize: true,
hideBorders: true,
column: 1,
width: 790,
items:[ headDiv, bodyDiv, eastDiv]
});
Thanks a lot
Dirk
Nortel Unveils Vision, Strategy for Israeli High-Performance Net
Busy Friday Leads to Strong Close for Net Stocks
|