PDA

View Full Version : Fields with trigger. Width.



Radius-Service
23 Oct 2011, 7:35 AM
[4.0.7]



Ext.create('Ext.window.Window', {
frame : false,
plain : true,

modal : true,
closeAction : 'hide',
width : 600,
height : 300,
bodyStyle : 'padding: 10px;',

items: [
{
xtype : 'combo',
id : 'WindowAdd.type',
fieldLabel : 'XXXXX',
autoSelect : true,
forceSelection : true,
enableKeyEvents : true,
store : 'type_ds',
queryMode : 'local',
displayField : 'mtype_type',
valueField : 'mtype_id'
},
{
xtype: 'container',
items: [
{
xtype : 'datefield',
id : 'WindowAdd.maxdate',
name : 'WindowAdd.maxdate',
fieldLabel : 'XXXXXXXXXXXXXXXXX XXXXXXXXXXXX',
labelStyle : 'width: 200px;',
fieldStyle : 'width: 80px;',
style : 'width: 330px;',
format : "d.m.Y"
}
]
}
]
});


Firefox 7.0.1, Opera 11.52

28807


Chrom 14
28808

Radius-Service
23 Oct 2011, 7:55 AM
<div id="container-1058" class="x-container x-window-item x-container-default" role="presentation">
<div id="WindowAdd.maxdate" class="x-field x-form-item x-field-default" style="width: 255px;">
<label id="WindowAdd.maxdate-labelEl" class="x-form-item-label x-form-item-label-left" style="margin-right:5px;width:100px;width: 200px;" for="ext-gen1124">XXXXXXXXXXXXXXXXX XXXXXXXXXXXX:</label>
<div id="WindowAdd.maxdate-bodyEl" class="x-form-item-body " role="presentation" style="width: 150px;">
<input id="ext-gen1124" class="x-form-field x-form-text" type="text" autocomplete="off" size="20" name="WindowAdd.maxdate" style="width: 80px; -moz-user-select: text;" aria-invalid="false" role="textbox" aria-describedby="WindowAdd.maxdate-errorEl" aria-required="false" data-errorqtip="">
<div id="WindowAdd.maxdate-triggerWrap" class="x-form-trigger-wrap" role="presentation">
<div id="ext-gen1130" class="x-trigger-index-0 x-form-trigger x-form-date-trigger x-form-trigger-last" role="button"></div>
<div class="x-clear" role="presentation"></div>
</div>
</div>
<div id="WindowAdd.maxdate-errorEl" class="x-form-error-msg" style="display:none"></div>
<div class="x-clear" role="presentation"></div>
</div>
<div id="ext-gen1127" class="x-clear" role="presentation"></div>
</div>

<div id="WindowAdd.maxdate-bodyEl" class="x-form-item-body " role="presentation" style="width: 150px;">

Where does the width of 150 pixels?