Problem Description
When you put a button inside a TableViewRow and you add a vertical inside the row, It won't display in mobileweb.
Actual Results
The button is not displayed inside the TableViewRow.
Expected Results
The button displayed as in iOS case.
Test Case
1. Create new mobile project.
2. Paste app.js:
var win1 = Titanium.UI.createWindow({backgroundColor:'#FFFFFF'});
var data=[]
var row = Titanium.UI.createTableViewRow({
backgroundColor:'#FFFFFF',
left:0, right:0, height: 125,
layout: 'vertical'
});
var matchLabel = Titanium.UI.createLabel({
left:'5%',
right:'5%',
top:5,
height:50,
text:'Vertical layout',
color:'#363636',
font: {
fontSize:14,
fontfamily:'Helvetica Neue'
}
});
var testButton = Titanium.UI.createButton({
title:'Testing',
backgroundImage : '/KS_nav_ui.png',
top:5,
bottom:24,
left:'5%',
right:'5%',
height:41,
//borderRadius:4,
font: {
fontFamily:'Helvetica Neue',
fontWeight:'bold',
fontSize:18
},
color: '#FFFFFF'
});
row.add(matchLabel);
row.add(testButton);
data.push(row)
var tableView = Titanium.UI.createTableView({
data : data,
scrollable : true,
separatorColor : '#e7e7e7',
top:73
});
win1.add(tableView)
win1.open();
Pull Request: https://github.com/appcelerator/titanium_mobile/pull/2381
Verified the issue in chrome in the environment below & we are able to see the button. Titanium Studio : 2.1.0.201206251749 SDK version : 2.1.0.v20120626104306 Chrome : 19.0.1084.56