4 Dec 2011 7:08 PM #1
Unanswered: HTML Panel/Carousel flicker
Hi guys, just wondering if you can help me with this; using a carousel to switch between panels, however on each panel I'm using html content that flickers and visibly shows as it displays the content. I've tried applying the x-hidden and x-hide-display classes to both the panels and the carousel, but it still displays this flicker when rendering the html content.
Any way to solve this, because it's a big issue for my app.
Thanks in advance guys, much appreciated!
5 Dec 2011 1:33 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
The amount of stuff you have rendered at once will affect the transition. At the end of a CSS transform, you have to then set the card position which is usually the flicker I have seen. How much do you have rendered within your carousel?
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
6 Dec 2011 9:43 PM #3
Try setting z-index.
Hope this helps.