Titanium JIRA Archive
Appcelerator Community (AC)

[AC-1493] ActionBar Tabs not filling the full platform width in Landscope mode (Android 3.3)

GitHub Issuen/a
TypeBug
Priorityn/a
StatusResolved
ResolutionNot Our Bug
Resolution Date2015-09-15T07:24:25.000+0000
Affected Version/sn/a
Fix Version/sn/a
ComponentsStudio, Titanium SDK & CLI
Labelsandroid, api
ReporterSai Suman Mallela
AssigneeShak Hossain
Created2014-09-04T17:24:00.000+0000
Updated2016-03-08T07:37:56.000+0000

Description

I have added tabgroup to the main window. Am using a custom theme from Action style generator. The tabs look file when in Portrait mode but when in landscape mode all the tabs are shuffled to the left.

Attachments

FileDateSize
landscape.PNG2014-09-04T17:24:00.000+00001214552

Comments

  1. Amimul Hossain 2015-08-30

    Hello, Tabs in landscape mode is working fine, filling the full platform width. I have tested with SDK 4.1.0.GA Environment CLI 4.1.2 SDK 4.1.0.GA Android 5.1.0.0, 4.4.2
       // 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'
       });
       var tab1 = Titanium.UI.createTab({  
           icon:'KS_nav_views.png',
           title:'Tab 1',
           window:win1
       });
       
       var label1 = Titanium.UI.createLabel({
       	color:'#999',
       	text:'I am Window 1',
       	font:{fontSize:20,fontFamily:'Helvetica Neue'},
       	textAlign:'center',
       	width:'auto'
       });
       
       win1.add(label1);
       
       //
       // create controls tab and root window
       //
       var win2 = Titanium.UI.createWindow({  
           title:'Tab 2',
           backgroundColor:'#fff'
       });
       var tab2 = Titanium.UI.createTab({  
           icon:'KS_nav_ui.png',
           title:'Tab 2',
           window:win2
       });
       
       var label2 = Titanium.UI.createLabel({
       	color:'#999',
       	text:'I am Window 2',
       	font:{fontSize:20,fontFamily:'Helvetica Neue'},
       	textAlign:'center',
       	width:'auto'
       });
       
       win2.add(label2);
       
       
       var win3 = Titanium.UI.createWindow({  
           title:'Tab 3',
           backgroundColor:'#fff'
       });
       var tab3 = Titanium.UI.createTab({  
           icon:'KS_nav_ui.png',
           title:'Tab 3',
           window:win3
       });
       
       var label3 = Titanium.UI.createLabel({
       	color:'#999',
       	text:'I am Window 3',
       	font:{fontSize:20,fontFamily:'Helvetica Neue'},
       	textAlign:'center',
       	width:'auto'
       });
       
       win3.add(label3);
       
       
       var win4 = Titanium.UI.createWindow({  
           title:'Tab 4',
           backgroundColor:'#fff'
       });
       var tab4 = Titanium.UI.createTab({  
           icon:'KS_nav_ui.png',
           title:'Tab 4',
           window:win4
       });
       
       var label4 = Titanium.UI.createLabel({
       	color:'#999',
       	text:'I am Window 4',
       	font:{fontSize:20,fontFamily:'Helvetica Neue'},
       	textAlign:'center',
       	width:'auto'
       });
       
       win4.add(label4);
       
       
       
       
       //
       //  add tabs
       //
       tabGroup.addTab(tab1);  
       tabGroup.addTab(tab2);  
       tabGroup.addTab(tab3);  
       tabGroup.addTab(tab4); 
       
       
       // open tab group
       tabGroup.open();
       
       
    This is not a bug in Appcelerator platform.

JSON Source