Home > DeveloperSection > Forums > How to create "Carousel" in Sencha Touch?
Babe Zaharias
Babe Zaharias

Total Post:19

Points:133
Posted on    June-10-2013 8:49 AM

 Sencha Touch Sencha Touch 
Ratings:


 1 Reply(s)
 1214  View(s)
Rate this:
Hi Expert,

I want to create "Carousel" in Sencha Touch, please help me to create this.

Your help is great appreciated. 


Arun Singh

Total Post:68

Points:476
Posted on    August-06-2013 2:09 AM

Hi Zaharias, 
If you're using Sencha Architect, you can simply drag 'Carousel' control from toolbox to View section in Sencha Inspector but if you not then simply write down the following line of code:

  Ext.create('Ext.Carousel', {
            fullscreen: true,
            defaults: {
                styleHtmlContent: true
            }, // defaults
            items: [
                {
                    html: 'red',
                    style: 'background-color:#f00;'
                }, {
                    html: 'orange',
                    style: 'background-color:#ffb600;'
                }, {
                    html: 'yellow',
                    style: 'background-color:#ff0;'
                }, {
                    html: 'green',
                    style: 'background-color:#80ff4d;'
                }, {
                    html: 'blue',
                    style: 'background-color:#009dff;'
                }
            ] // items
        }); // create()
For more information please check out the following link:

Mark as answer if satisfied with this solution. Thanks!!

Don't want to miss updates? Please click the below button!

Follow MindStick