1. #1
    Touch Premium Member
    Join Date
    Jun 2010
    Posts
    324
    Vote Rating
    2
    profunctional is on a distinguished road

      0  

    Default Problem with transition slide

    Problem with transition slide


    Here are the steps to reproduce.

    1. hold iPhone in Portrait view then click a menu item to slide to next card
    2. Once in new card, hold the iphone in Landscape view
    3. Now hit Back button

    Problem for me is that the previous card is still displaying in Portrait mode, and half the screen is blank.

    Any workaround for this?

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,046
    Vote Rating
    657
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Please provide some sample code.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Touch Premium Member
    Join Date
    Jun 2010
    Posts
    324
    Vote Rating
    2
    profunctional is on a distinguished road

      0  

    Default


    I load the first card like this:

    mainPanel.setCard(dashboard, 'slide');

    this card has a nested list, and the first item in the list looks like this:

    Code:
    {
                                text: '<span>My ' + localStorage.getItem('TicketLabels') +'</span><small class="counter">' + x.TicketCount + '</small>',
                                cls: 'arrow',
                                handler: function (){
                                    loadTickets(null, null, null);
                                    mainPanel.setCard(ticketList, 'slide');
                                }
                            }
    So the handler fires when you click on that item. Once the ticketList card loads, I have a button to go back to the previous card like this:
    Code:
    {
                             xtype: 'button',
                             text: 'Back',
                             ui: 'back',  
                             handler: function () 
                             {
                                mainPanel.setCard(dashboard, {type: 'slide', direction: 'right'});
                             }
                        }
    When the previous card loads, it is still in Portrait view. The toolbar also has renders improperly. There is a 1/4" dark bar on the left side. The title is also no longer centered.

  4. #4
    Touch Premium Member
    Join Date
    Jun 2010
    Posts
    324
    Vote Rating
    2
    profunctional is on a distinguished road

      0  

    Default


    I fixed this by removing the fullscreen attribute.

Similar Threads

  1. [PROBLEM] - slide in / out - examples-dev
    By diegolovison in forum Ext GWT: Discussion
    Replies: 2
    Last Post: 17 Mar 2010, 10:52 AM
  2. Animate Toolbar Prob - Slide out one slide in another
    By coolbeans in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 19 Aug 2009, 9:39 AM
  3. Slide Transition Widget?
    By JamesColburn in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 17 Sep 2008, 7:27 AM
  4. Mouseover/Mouseout Transition Effects
    By Damian Ibbotson in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 3 Sep 2008, 3:17 AM
  5. 1.x to 2.0 transition
    By cgriffin in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 21 Dec 2007, 1:20 PM

Thread Participants: 1