View Full Version : Problem with transition slide

8 Jul 2010, 10:34 AM
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?

8 Jul 2010, 5:59 PM
Please provide some sample code.

8 Jul 2010, 7:08 PM
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:

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:

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.

9 Jul 2010, 6:51 AM
I fixed this by removing the fullscreen attribute.