Oct 19, 2010, 3:14 PM
Ext.form.Label - text overflow
Hi all,
I have a label which gets renderred to a panel. Here's a snipped of the code:
I'm using IE8.
Thanks,
Shaun
I have a label which gets renderred to a panel. Here's a snipped of the code:
xtype: 'panel',
layout: 'vbox',
height: 400,
border: true,
//width: 600,
items: [
new Ext.form.Label({
initialConfig: {
id: 'travelOperatorInheritedLabel',
style: {
height: '50px',
width:'100px',
border: '1px solid'
}
}
})......etc
The problem is that when I alter the text of the label, the new text overflows beyond the width of the label (doesn't disapper behind it- actually extends beyond the label). This is how I alter the text: Ext.getCmp('travelOperatorInheritedLabel').setText("My reaallllllllllllllllllllllllllllllllllllllllyyyyyyy long text");
What can I do so that the text wraps within the label instead, preferably the label could scroll vertically if required. I've tried various ways of setting the width and height but the behaviour is the same.I'm using IE8.
Thanks,
Shaun
Last edited by geoffrey.mcgill; Oct 19, 2010 at 4:03 PM.
Reason: please use [CODE] tags