PDA

View Full Version : how to customize Carousel indicator



mr.xprt
14 Mar 2011, 8:57 AM
hi,

Some one new Asking :) ,

i want to know if there any way to customize Carousel indicator by adding buttons ?!

thanks alot
;)

update: i want to get some thing like this

http://i54.tinypic.com/1jw6tx.png

mr.xprt
16 Mar 2011, 3:54 AM
any idea ?!

matt_d_rat
18 Mar 2011, 8:43 AM
I used CSS change the style of my carousel indicators. First make sure you understand the SASS theming engine which Sencha uses and override the carousel images with something like:



.x-carousel-indicator span {
background: transparent url('path/to/file') no-repeat !important;
background-size: 11px;
border-radius: none;
}

mr.xprt
18 Mar 2011, 7:29 PM
I used CSS change the style of my carousel indicators. First make sure you understand the SASS theming engine which Sencha uses and override the carousel images with something like:



.x-carousel-indicator span {
background: transparent url('path/to/file') no-repeat !important;
background-size: 11px;
border-radius: none;
}


it makes sense , but it's complected

i have 'falsed' the indicator property , and made it by addition "footer -> panel" ,
but still not smooth as the original indicator