Repro steps
Example code:
/**
* Get table rows
*/
var getTableRows = function() {
var rows = [];
rows.push(Ti.UI.createTableViewRow({
title : 'Item 1'
}));
rows.push(Ti.UI.createTableViewRow({
title : 'Item 2'
}));
rows.push(Ti.UI.createTableViewRow({
title : 'Item 3'
}));
return rows;
};
// construct window
var win = Ti.UI.createWindow({
title : 'Test',
backgroundImage : '/image.png'
});
// containing table
var table = Ti.UI.createTableView({
style : Ti.UI.iPhone.TableViewStyle.GROUPED
});
// some data
table.data = getTableRows();
win.add(table);
// show the window
win.open();
Behaviour on 2.1.3 SDK
TableView is grouped and background image displayed.
[^TableView SDK_213.png]
Behaviour on 2.1.4 SDK (broken)
TableView is grouped and background image ignored. Instead, the standard iOS pinstripe pattern is shown.
[^TableView SDK_214.png]
Expected behaviour
As per 2.1.3 SDK.
Community thread
http://developer.appcelerator.com/question/144761/sdk-214-backgroundimage-not-working-in-grouped-table-views#251163
@Pete Comish Can you please attach background "image.png" used and an actual runnable sample? Just need the _table.data = getTableRows();_ method that populates table data to replicate what you are seeing.
Sure thing; here you go: [^image.png]
Code in description updated with full example, including
getTableRows
method.Full project attached. Just switch the SDK in
tiapp.xml
between 2.1.3 and 2.1.4 to see the issue. Hope this helps.@Thanks Pete, it's been moved to TiMobile project to dig into it.
Since background image is set on window, table background color should be set to 'transparent' -or- background image should be set on table
Closing based on Max's comment.