1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    26
    Answers
    1
    Vote Rating
    0
    Rhogar is on a distinguished road

      0  

    Exclamation Unanswered: HTML Panel/Carousel flicker

    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!

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,396
    Answers
    3548
    Vote Rating
    849
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    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 services@sencha.com

    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.

  3. #3
    Sencha User
    Join Date
    Oct 2011
    Location
    Noida, India
    Posts
    78
    Answers
    2
    Vote Rating
    2
    jiindal1988 is on a distinguished road

      0  

    Default


    Try setting z-index.

    Hope this helps.