PDA

View Full Version : Floating panel with toolbar - title gets truncated



parky128
7 Sep 2012, 6:04 AM
Hi,

I have a floating panel configured to act as a Login prompt. When it displays the 'Please Login' text I have configured on a toolbar item gets truncated, even though it seems there is enough space to display the string.

Code:


Ext.define('PinpointersTouch.view.LoginView', {
extend: 'Ext.form.Panel',
xtype: 'loginview',
requires: [
'Ext.field.Password',
'Ext.field.Hidden'
],
id: 'loginWindow',
config: {
floating: true,
modal: true,
centered: true,
height: 250,
width: 300,
hideOnMaskTap: false,
items: [
{
xtype : 'toolbar',
docked: 'top',
title: 'Please Login'
},
{
xtype: 'textfield',
name: 'loginName',
label: 'Name',
labelWidth: '40%',
required: true
},
{
xtype: 'spacer',
height: '5px'
},
{
xtype: 'passwordfield',
name: 'password',
label: 'Password',
labelWidth: '40%',
required: true
},
{
xtype: 'hiddenfield',
name: 'appID',
value: 45,
labelWidth: '40%',
required: true
},
{
xtype: 'label',
name: 'loginMessage',
itemId: 'lblLoginMessage',
hidden: true,
style: 'color:red;'
},
{
xtype : 'toolbar',
docked: 'bottom',
layout : {
pack : 'center'
},
items: [
{
xtype : 'button',
text: 'Login',
itemId: 'btnLogin'
}
]
}
]
}
});


Interestingly, if I look at the examples of the toolbar in the API docs, the title is also truncated and reads as 'My Tool...'

I also have a confirm window being displayed where the title text I have specified again gets truncated.


Ext.Msg.confirm('Confirm','Are you sure you wish to logout?',function(btn){
if(btn=='yes'){
//Code...
}
},this);


I am running ST 2.0.1, screenshot attached of what I am seeing (in Chrome by the way).

Anyone have any idea's please?

mitchellsimoens
10 Sep 2012, 4:56 AM
Does this happen on a device? There was an issue with Chrome that we fixed in a 2.1.0 release.