PDA

View Full Version : Need help!



sj_tt6
18 Feb 2011, 10:57 AM
Hello,

I have 3 problems and need help and advices.

1. Toolbar:
I have a tool bar that has a title, a spacer, and a button on the right side. The tool bar looks ok when the phone is in horizontal position, but when it is in the vertical position, the button in the tool bar overlaps the title. How do I solve this problem?


dockedItems: [{
xtype: 'toolbar',
dock: 'top',
ui: 'light',
title: 'My Application',
items: [
{
xtype: 'spacer'
},
{
text: 'Log in',
ui: 'forward',
handler: function() {
Ext.dispatch({
controller: 'myController',
action: 'showDashboard'
});
}
}
]
}],



2. I use a DataView in a panel. The problem is the dataview does not resize when the phone is rotated between horizontal and vertical.



xtype: 'dataview',
store: new Ext.data.Store({
model: 'MyModel',
proxy: {
type: 'ajax',
url: server_link,
reader: {
type: 'json',
root: 'user'
}
},
autoLoad: true
}),
tpl: [
'<tpl for=".">',
'<div class="user_data">',
'<span class="name">{name}:</span><span class="data">{data}</span><img src="{icon}" class="iconcls">',
'</div>',
'</tpl>'
],
itemSelector: 'div.user_data',
styleHtmlContent: true

3. This problem is similar to the #2, but in this case the fields (textarea) in my form do not resize when the phone is changed between horizontal and vertical


xtype: 'fieldset',
title: 'Advice for nutrition',
items: [
{
xtype:'textareafield',
name:'advice_for_nutrition',
id:'advice_for_nutrition',
label:'',
maxLength : 60,
maxRows : 10
}
]