[AC-3077] iPad Window Transition

GitHub Issue	n/a
Type	Bug
Priority	n/a
Status	Closed
Resolution	Invalid
Resolution Date	2011-11-11T12:41:19.000+0000
Affected Version/s	n/a
Fix Version/s	n/a
Components	n/a
Labels	ipad, modal_window, tranistions
Reporter	Sattanaathan
Assignee	Shak Hossain
Created	2011-11-11T12:06:56.000+0000
Updated	2016-03-08T07:48:07.000+0000

Description

I have a Tab-group that is forced to be on Landscape mode, when i open a modal window from any of the tab window the modal window slides in(from left)and when closed slides out(via bottom) but when i reopen the modal window, this time the window slides in from bottom and slides out to the bottom when closed. i cannot find a way to perform a uniform transition. Code Sample to replicate the issue is attached

Attachments

File	Date	Size
App.js	2011-11-11T12:06:56.000+0000	1086

Comments

Matthew Apperson 2011-11-11

Do you have the TiApp.XML set for lanscape only too? Also you want something more like this:

   childWin.open({
       modal:true,
       modalTransitionStyle: Ti.UI.iPhone.MODAL_TRANSITION_STYLE_COVER_VERTICAL,
       modalStyle: Ti.UI.iPhone.MODAL_PRESENTATION_FORMSHEET
   });

To open your modal window

Mostafizur Rahman 2013-12-26

Hello, We tested this issue with the code bellow but failed to reproduce it. If you define [modalTransitionStyle | http://docs.appcelerator.com/titanium/latest/#!/api/openWindowParams-property-modalTransitionStyle] then it will work. Please check our test code and let us know your feedback.

Test Environment:

Mac OSX 10.8.5 Titanium SDK 3.2.0.GA, Android SDK: 2.3.3, Ti CLI 3.2.0 IOS SDK 7.0.3 IPad Simulator 7.0.3

Test Code

   // this sets the background color of the master UIView (when there are no windows/tab groups on it)
   Titanium.UI.setBackgroundColor('#000');
   
   // create tab group
   var tabGroup = Titanium.UI.createTabGroup();
   
   //
   // create base UI tab and root window
   //
   var win1 = Titanium.UI.createWindow({
   	title : 'Tab 1',
   	backgroundColor : '#fff',
   	orientationModes : [Ti.UI.LANDSCAPE_LEFT, Ti.UI.LANDSCAPE_RIGHT]
   });
   var tab1 = Titanium.UI.createTab({
   	icon : 'KS_nav_views.png',
   	title : 'Tab 1',
   	window : win1
   });
   
   var Btn = Ti.UI.createButton({
   	title : 'Click',
   	width : 300,
   	height : 100
   });
   win1.add(Btn);
   
   Btn.addEventListener('click', function(e) {
   
   	var childWin = Ti.UI.createWindow({
   		title : 'Test',
   		backgroundColor : '#333',
   		orientationModes : [Ti.UI.LANDSCAPE_LEFT, Ti.UI.LANDSCAPE_RIGHT]
   	});
   	var close = Titanium.UI.createButton({
   		title : 'close'
   	});
   	close.addEventListener('click', function(e) {
   		childWin.close();
   	});
   	childWin.add(close);
   
   	childWin.open({
   		modal : true,
   		modalTransitionStyle : Ti.UI.iPhone.MODAL_TRANSITION_STYLE_COVER_VERTICAL,
   		modalStyle : Ti.UI.iPhone.MODAL_PRESENTATION_FORMSHEET
   	});
   
   });
   //
   //  add tabs
   //
   tabGroup.addTab(tab1);
   
   // open tab group
   tabGroup.open();

Steps to Test

Create a simple project

Update app.js file with test code

Run on iPad Simulator

Click on “Click” button

Now click on close bottom

Both transition will be on the same direction

If we don't hear back, we will assume the issue is resolved and the ticket can be closed.

JSON Source