View Full Version : Need help!

18 Feb 2011, 10:57 AM

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() {
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">',
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: [
maxLength : 60,
maxRows : 10