Карусель Sencha Touch не виден

Question

Я пытаюсь сделать простую карусель в Sencha Touch, однако она не появляется. Единственное, что я вижу, это индикаторные точки для элементов. Проверка в Chrome показывает, что теги добавляются, но я их не вижу.

Carousel Вид:

Ext.define('Project.view.ChartCarousel', { 
    extend : 'Ext.Carousel', 
    xtype : 'chartCarousel', 
    config : { 
     title : 'Title', 
     fullscreen: 'true', 
     width: '100', 
     height: '100', 
     jumpToIndex: 0, 
     defaults : { 
      padding: '10 10 10 10' 
     }, 
     items : [{ 
      html:'<div style="text-align:center">test 1</div>' 
     }, { 
      html:'<div style="text-align:center">test 2</div>' 
     }, { 
      html:'<div style="text-align:center">test 3</div>' 
     }] 
    } 
}); 

Содержит Вид:

Ext.define('Project.view.SummaryChart',{ 
     extend: 'Ext.form.Panel', 
    xtype: 'summaryChart', 
    requires: [ 
      'Ext.Toolbar' 
    ], 
    config: { 
     items: [ 

      { 
       xtype: 'chartCarousel' 
      } 

     ] 
    }, 
    initialize: function() { 
     this.callParent(arguments); 
    } 
}); 

Answer 1

Я нашел ответ. Мне нужно было добавить flex: '1' в конфигурацию карусели.