Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-14843] iOS: backgroundGradient for TableViewRow in GROUPED TableView fills width of screen

GitHub Issuen/a
TypeBug
PriorityLow
StatusOpen
ResolutionUnresolved
Affected Version/sRelease 3.0.0, Release 3.1.1, Release 3.2.0
Fix Version/sn/a
ComponentsiOS
Labelsbackgroundgradient, reprod, tableview, tableviewrow
ReporterMatej
AssigneeUnknown
Created2013-08-10T09:07:51.000+0000
Updated2018-02-28T20:03:33.000+0000

Description

*Problem* On iOS, when using a gradient for the background of a TableViewRow for a GROUPED TableView, it fills the full width of the screen rather than being contained inside the rounded corners. *Test case*
var win = Titanium.UI.createWindow();

var data = [{
	title : 'Adrian',
	backgroundColor : "yellow"
}, // backgroundColor does work
{
	title : 'Andrew'
}, {
	title : 'Barry'
}, {
	title : 'Betty',
	backgroundGradient : {// backgroundGradient doesn't work correctly
		type : 'radial',
		startPoint : {
			x : 50,
			y : 50
		},
		endPoint : {
			x : 50,
			y : 50
		},
		colors : ['red', 'blue'],
		startRadius : '90%',
		endRadius : 0,
		backfillStart : true
	}
}];

var tableView = Ti.UI.createTableView({
	width : Ti.UI.FILL,
	height : Ti.UI.FILL,
	style : Ti.UI.iPhone.TableViewStyle.GROUPED,
	data : data
});

win.add(tableView);
win.open();

Attachments

FileDateSize
iOS Simulator Screen shot Aug 12, 2013 4.06.20 PM.png2013-08-12T23:06:23.000+000023466

Comments

  1. Daniel Sefton 2013-08-12

    Tested and confirmed on iOS 6 simulator with Ti SDK 3.0.0 GA, 3.1.1 GA and 3.2 CI.
  2. Lee Morris 2017-06-19

    I am able to reproduce this issue with the following environment; iPhone 7 (10.2) Studio 4.9.0.201705302345 Ti SDK 6.1.1.v20170609091155 Appc NPM 4.2.9 Appc CLI 6.2.1 Ti CLI 5.0.13 Alloy 1.9.11 Arrow 2.0.0 Xcode 8.2 (8C38) Node v4.8.2 Java 1.8.0_131

JSON Source