[TIMOB-19170] iOS: ListView backgroundGradient not full row size
GitHub Issue
n/a
Type
Bug
Priority
High
Status
Closed
Resolution
Fixed
Resolution Date
2016-01-12T04:23:31.000+0000
Affected Version/s
n/a
Fix Version/s
Release 5.4.0
Components
iOS
Labels
TCSupportTriage, listview, qe-5.4.0
Reporter
Michael Gangolf
Assignee
Srikanth Sombhatla
Created
2015-01-23T15:42:14.000+0000
Updated
2016-06-09T21:53:22.000+0000
Description
~~~
~~~
data object
~~~
data.push({
title: {
},
subtitle: {
},
text: {
},
img: {
},
properties: {
height: 122,
backgroundGradient:{
colors: [{
color: '#ffffff',
offset: 0.0
}, {
color: '#000000',
offset: 1.0
}],
type: 'linear'
}
}
});
~~~
backgroundGradient looks wrong
If I use just a selectedBackgroundGradient with the same color it looks correct. If I use both together the selectedBackgroundGradient has the same width/height as the backroundGradient and the rest of the selected row is grey
iOS 8
Titanium 3.5.0
OSX
Hi,
I am afraid I do not understand your case, please provide the reproduce steps with simple test case, you current codes did not explain the problem you have. And also provide the symptom of your problem, like what it should look like, what is not. (screenshot or short video will be better to show). Thanks
Regards
Shuo
Michael Gangolf 2015-01-26
second image:
listview nothing selected; just a background color
third image:
listview with row selected; backgroundColor and selectedBackgroundGradient
Michael Gangolf 2015-01-26
I've added two more screenshots of a working version:
listviewitem properties are just backgroundColor and selectedBackgroundGradient.
If I set backgroundGradient it will look like in the first two images! The gradient is just around 300px width and 50px height (the white to black gradient). If I change the gradient to a plain color it will look right again (new image)
Nader Ayoub 2015-12-22
I had the same issue. On Android, the gradient fills entire list Item. On ios, it only goes about 300 wide, and then stops. The background color goes 100%, but the gradient does not.
Any resolution?
Hi, I am afraid I do not understand your case, please provide the reproduce steps with simple test case, you current codes did not explain the problem you have. And also provide the symptom of your problem, like what it should look like, what is not. (screenshot or short video will be better to show). Thanks Regards Shuo
second image: listview nothing selected; just a background color third image: listview with row selected; backgroundColor and selectedBackgroundGradient
I've added two more screenshots of a working version: listviewitem properties are just backgroundColor and selectedBackgroundGradient. If I set backgroundGradient it will look like in the first two images! The gradient is just around 300px width and 50px height (the white to black gradient). If I change the gradient to a plain color it will look right again (new image)
I had the same issue. On Android, the gradient fills entire list Item. On ios, it only goes about 300 wide, and then stops. The background color goes 100%, but the gradient does not. Any resolution?
PR https://github.com/appcelerator/titanium_mobile/pull/7620 Use the app.js mentioned in comments for testing the fix.
Verified as fixed. Tested on: iPhone 6s Plus (9.3.1) iOS Simulator (9.3) Mac OSX El Capitan 10.11.4 Studio: 4.7.0.201606070951 Ti SDK: 5.4.0.v20160608165242 Appc NPM: 4.2.7-2 Appc CLI: 5.4.0-13 Xcode 7.3 Node v0.12.7 *Closing Ticket.*