Simple Question from a New Sencha Touch User

[MaximusW]

I need to be able to set a background image in my Carousel. At first I tried using the html config option with an img tag. The imaged appeared, but it pushed the "number of pages" graphic (displayed by the Carousel) off the screen.

Next, I tried using the style config option with the CSS background-image property. No matter what I tried I couldn't get this configuration to display the image.

Your guidance would be very much appreciated.


P.S. - Does the cls config option point to a certain directory by default?

[appsandcheese.com]

cls is a property to which you can assign your class

For example

cls : 'my-class'

then in your application specific style sheet you can do

.my-class {
     background: #ff0 url('path/to/image.png');
}

You can also check out the Sencha Touch - An Introduction to Carousels as it demonstrates exactly what you need to solve your issue.


appsandcheese.com

[MaximusW]

Thanks for pointing me in the right direction. I've got working now.