Results 1 to 3 of 3

Thread: Carousel not showing below toolbar

  1. #1

    Default Answered: Carousel not showing below toolbar

    Hi

    I am trying to create a carousel within a container but cannot get the carousel to display. The stripped down version of this is :

    Code:
    Ext.application({
        name : 'Carousel Fiddle',
    
    
        launch : function() {
            
            Ext.create('Ext.TabPanel', {
                
                fullscreen:true,
                tabBarPosition:'bottom',
                
                items:[{
                    xtype:'container',
                    title:'Home',
                    iconCls:'home',
                    
                    items:[
                        {
                    		xtype:'toolbar',
                       		docked:'top',
                            title:'Testing Carousel'
                        },{
                            xtype:'carousel',
                            fullscreen:true,
                            flex:1,
                            items:[
                                {
                                    html : 'Item 1',
                                    style: 'background-color: #5E99CC'
                                },
                                {
                                    html : 'Item 2',
                                    style: 'background-color: #759E60'
                                },
                                {
                                    html : 'Item 3'
                                }
                            ]
                        }
                    ]
                }]
                
            });
        }
    });
    View example on Sencha Fiddle here

    H
    oping someone can help to see what I am doing wrong.

    Thanks

  2. You needed a layout on your containers. I modified your fiddle.

  3. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108
    Answers
    342

    Default

    You needed a layout on your containers. I modified your fiddle.
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  4. #3

    Default

    Top man. Thanks so much.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •