View Full Version : Screen blank when Carousel contains items

20 Jun 2011, 9:47 AM
Hi Sencha community,

I am just beginning to use Sencha Touch and love it so far. I'm trying to build out a simple proof of concept app but am getting helplessly stuck on something that will probably take someone a second to solve. I want to have toolbars docked on the top and bottom and a carousel taking up all of the remaining space in the center. It all works well as long as there are no items in the carousel. As soon as I add an item, the page loads entirely blank and there are no errors to the console.

new Ext.Panel({
fullscreen: true,
style: "background-color: transparent",
layout: {
type: 'vbox',
align: 'stretch'
defaults: {
flex: 1
items: [
new Ext.Carousel({
items: [
{html: 'hi'}
dockedItems: [

Here is the page with an item (loads blank): http://goo.gl/sTjes
Here it is with the item removed, the toolbars load: http://goo.gl/G2Gnj

I ran into this problem once, started over from scratch, and thought I had escaped it. It seems to have manifested with no code change, it was working perfectly at one point.

Thanks for any help.

20 Jun 2011, 12:51 PM
Thanks for any attention but it has started working again, still with no code change. It might be a problem with caching in the browser? I will post again if I can reliably reproduce this problem.