GIGJ.COM
welcome to my space
X
Search:  
Welcome to:gigj.com
NAVIGATION: Home >>
Wrong height in Column Panel including a TabPanel
Published by: cfz 2009-01-08

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=markup
HOME

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

You are looking at:gigj.com's Wrong height in Column Panel including a TabPanel, click gigj.com to home
#If you have any other info about this subject , Please add it free.#
Your name:
E-mail:
Telphone:

Your comments:


If you have any other info about Wrong height in Column Panel including a TabPanel , Please add it free.

About us -Site map -Advertisement -Jion us -Contact usExchange linksSponsor us
Copyright© 2008 gigj.com All Rights Reserved
Site made&Support support@gigj.com    E-mail: web@gigj.com