PDA

View Full Version : Two columns iPad layout template but no display ...



palmipod
9 Dec 2010, 9:17 PM
Hi,
i've coded a "two columns iPad layout template" but when i launch it on an ipad, i've a blank screen, form appears when i rotate the screen.
code is here : https://gist.github.com/729903
and you can see it "in action" here : http://www.k33g.org/mu/ipad-template.html

my solution is probably bad, but i've no idea about the right way

(sorry for bad english, i hope it's understandable)

Have a nice day
Philippe

mmartz
9 Dec 2010, 9:49 PM
You should dock the left panel on the left instead of trying to use margins and whatnot.

palmipod
9 Dec 2010, 10:55 PM
Hi, thanks for the response, but i don't understand, leftpanel is docked :

var leftSidePanel = new Ext.Panel({
style:"border-right:solid black 1px;",
scroll:'vertical',
dock: 'left',
width:200,
items:[groupLeftSide]
});


var mainScreen = new Ext.Panel({
fullscreen: true,
dockedItems: [header,footer,leftSidePanel],
items:[contentSidePanel]
});

but content panel is not docked

can you explain to me please (big big newbee) ?

mmartz
10 Dec 2010, 9:03 AM
Sorry about that, I apparently mis-read your code.

Try removing the mainScreen.initComponent() line. You don't call that function yourself, it is called as part of new Ext.Panel({...}).

palmipod
10 Dec 2010, 9:15 AM
Yeees ! it's better. Thank you very much. There is a new problem now ;-), header and footer are not positioned as expected, but i think i will find the solution. Thanks again

palmipod
10 Dec 2010, 9:26 AM
i've found it !

var contentSidePanel = new Ext.Panel({
//fullscreen: true,
scroll:'vertical',
height:'100%',

items:[groupContentSide]
});
it was because fullscreen: true

thanks for your help