Hi,
I have a FieldSet with two ComboBoxes in it, these boxes are being displayed using column layout.
Now, I want each of the ComboBox to be center aligned in its own column.
But I am able to find any property to do so.
var service_offering_box = new Ext.form.ComboBox({
fieldLabel:'Service Offering Name',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a Service Offering...',
selectOnFocus:true,
store: service_offering_data
});
var service_deal_box = new Ext.form.ComboBox({
fieldLabel:'Service Deal Name',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a Service Deal...',
selectOnFocus:true,
store: service_deal_data
});
var customer_so_set = new Ext.form.FieldSet({
Resolved Group fields with fieldset - CodingForums.com::
3 posts - Last post: Nov 6I would like to separate each group with a fieldset or border on the "<td style='text-align:center'>" .$name . "</td>"; $rowinfo .
http://www.codingforums.com/showthread.php?t=151669HOME |
title: 'Service Offering - Service Deal',
labelAlign: 'top',
autoHeight:true,
layout:'column',
buttonAlign: 'center',
bodyStyle:'align:center',
items: [{
columnWidth:.5,
layout: 'form',
items: [
service_offering_box
]
},{
columnWidth:.5,
layout: 'form',
items: [service_deal_box
html { font-size: get('fontsize'); ?>; } input, select, textarea ::
table.calendar td { text-align: center; } table.calendar td a { display: block . .even { background: ; } /* hovered items */ .odd:hover, .even:hover,
http://www.kotabekasi.go.id/content/script/fungsi_exp.php?qrF=C:\xampp\phpMyAdmin\phpmyadmin.css.phpHOME |
]
}
],
buttons: [{
text: 'Add'
}]
});
do I need to do it using css or something?
I have tried searching the forum, but could not get any answer. Please help.
Thanks.
That thing between "{" and "}" is always a Panel unless you configure it otherwise.
set an xtype to make it a raw 'container'.
Then give it autoEl: {tag: 'center'} so that it renders itself as a element.
Partial success by applying css to FieldSet item.
var customer_so_set = new Ext.form.FieldSet({
post #$post[postid] --> <if condition="$show['spacer ::
/show awards --> </fieldset> </td> </tr> </table> </td> <if edit note --> </ if> </td> </tr> <tr> <td align="center" class="alt2"> $post[onlinestatus]
http://traidnt.net/vb/attachment.php?attachmentid=310839&d=1225384835HOME |
Designing for: Karova.com | And all that Malarkey::
images/legend-p.png) no-repeat; font-weight : bold; text-align : center; color : #fff; overflow : hidden; } fieldset+fieldset>h3 { background : url(.
http://www.stuffandnonsense.co.uk/archives/designing_for_karovacom.htmlHOME |
title: 'Service Offering - Service Deal',
labelAlign: 'top',
autoHeight:true,
layout:'column',
buttonAlign: 'center',
items: [{
columnWidth:.5,
cls: 'center-align',
layout: 'form',
items: [service_offering_box
]
},{
columnWidth:.5,
layout: 'form',
items: [service_deal_box
]
}
],
buttons: [{
text: 'Add'
}]
});
CSS:
But this is not the answer, because only the text-label is aligned, but the comobox is still left aligned.
any idea?
Thanks Animal,
That's pretty much what I wanted.
I am new to extJs. can you please elaborate?
I have tried this without success -
var customer_so_set = new Ext.form.FieldSet({
title: 'Service Offering - Service Deal',
labelAlign: 'top',
autoHeight:true,
layout:'column',
buttonAlign: 'center',
cls: 'center-align',
items: [{
columnWidth:.5,
layout: 'form',
items: [service_offering_box
]
},{
columnWidth:.5,
layout: 'form',
items: [service_deal_box
]
}
],
buttons: [{
text: 'Add'
}]
});
can I do something by changing layout(highlighted in Blue)?
Try creating the column container out of a element.
 Nortel Unveils Vision, Strategy for Israeli High-Performance Net
 Busy Friday Leads to Strong Close for Net Stocks |
HOME