View Full Version : list and form: display problem using 0.96

6 Oct 2010, 11:29 PM
hi, i have a problem with a list and a form, that don't display correctly.
i've attached the screenshot of what is displayed.

the problems are:

the list has a cutted disclosure icon on the right
the form has a label on 2 rows (because it's long - this is not a problem) but the checkbox hasn't the same height as the label and so shows a grey shadow.
does anybody know how to fix these problems?
thanks in advance-

9 Oct 2010, 4:24 AM
the list is in a panel with a card layout. i setted the tabpanel to be fullscreen.
which config option do i need to set in order to remove that padding?
my tab panel is:

this.tabPanel = new Ext.TabPanel({
id: 'tabPanel',

fullscreen: true,
animation: 'slide',
activeItem: 0,
items:[this.contentPanel, this.userInfoForm, this.searchPanel],
tabBar: {
dock: 'bottom',
scroll: false,
layout: { pack: 'center'}

while the content panel is:

this.contentPanel = new Ext.Panel({
id: 'contentPanel',
layout: 'card',
animation: 'slide',
activeItem: 0,
iconCls: 'bookmarks',
title: 'Aree',

//fullscreen: true,

items:[this.areaDataView, this.principioList, this.interazioneList, this.interactionDetailsList, this.infoPanel, this.subscriptionForm],

one of the list is like:

this.principioList = new Ext.List({
//fullscreen: true,
id: 'principioList',
store: this.principioStore,
tpl: '<tpl for="."><div class="principio-item" style="height:100%" ><div class="principio-item-name">{sDescrizionePrincipio}</div><div class="principio-group-name">{sDescrizioneGruppo}</div></div></tpl>',
itemSelector: 'div.principio-item',
singleSelect: true,
grouped: false,
indexBar: false,
emptyText: 'Non ci sono elementi per l\'elemento selezionato',