View Full Version : Items inside carousel don't scroll

5 Feb 2011, 6:19 PM
Hi, I'm trying loading a piece of HTML into a number of items, which then all get fed into a carousel. I have the basics, but my content is always cutoff because of the viewport. I think it has something to do with the layout, but I've tried every combination possible from the documentation, and content is still clipped at the button.

If you preview this in the browser, try making it as small as possible before visiting because then it simulates a mobile viewport. Or preview it in the iPhone Simulator.

Screenshot of problem: http://tribbr.com/screenshot.png


Please help. :-/

6 Feb 2011, 8:02 AM
You have to enable scrolling and make the layout fit, I helped somebody before with this example:

My app does the same thing you are looking for:

6 Feb 2011, 4:32 PM
Hmm, I don't quite understand yet.

I added scrolling and a layout to the panel, but...now you scroll and then you flick off into oblivion and you can't get back.


var panel = new Ext.Panel({
fullscreen: true,
scroll: 'vertical',
layout: {
type: 'fit',
align: 'stretch'
items: [carousel],

Did you mean add scrolling and layout to the panel or the carousel? (I tried both but nothing worked.) Can you make maybe a simpler example with one panel that has some docked button and a carousel that I can see? You had an example of just one scroll without a carousel component and then your other example was very professional and very complicated, but more of what I wanted. :-/

When it works, Sencha Touch is amazing. When it doesn't, debugging is incredibly difficult. I'd like to learn more than copy and paste examples, but are there just not many examples of real world apps yet? Sencha Touch seems too new to be mature with tutorial-like documentation yet, and the "Hello World" example (like all "Hello World" examples) isn't useful for more than "Hello World." :(