PDA

View Full Version : Why is this vertical scroll not working properly?



eriklarsson
3 Dec 2010, 9:39 AM
The code:



card: {
xtype: 'panel',
items: [
{xtype: 'spacer', height:20},
{xtype:'button',
text:'Hello, button',
handler:function() { alert('button handler') }
},
{html: "<div><img src='img/mdt_logo.png' /> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p></div>"},
],
scroll: 'vertical'

}


Essentially what happens is that the scroll doesn't reach the end of the card.
What is happening here?

Attaching an image

wellsbr01
10 Dec 2010, 2:08 PM
The iPhone tool bar (blue below) is in the way. I found that it seems the bar's size is not properly computed on the phone, so the end of your doc is behind it. Press (+), it will make the bar to vanish, then try again.

That happened to me on a layout with a fixed height. Can't assert about your container spec from the fragment you sent, but in my case that was it.

anthony-apd
23 Dec 2010, 8:31 PM
Have you tried adding a layout to your panel? Perhaps try a VBOX layout and make sure you set the flex param. This has fixed a similar issue on my end before.

steve1964
24 Dec 2010, 5:31 PM
Use card layout and set the height of the panel to 100%, height: '100%'