Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-25326] Windows: image property of ListItem should not overlay text

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionFixed
Resolution Date2017-11-13T21:05:14.000+0000
Affected Version/sRelease 7.0.0, Release 6.3.0, Release 6.2.1
Fix Version/sRelease 7.0.0
ComponentsWindows
Labelsn/a
ReporterEwan Harris
AssigneeKota Iguchi
Created2017-09-21T10:04:05.000+0000
Updated2017-11-17T01:32:57.000+0000

Description

Description

When setting the image property of a ListItem it overlays the title. On Android the image is on the right of the ListItem and on iOS it's on the left.
var win = Ti.UI.createWindow({backgroundColor: 'white'});
var listView = Ti.UI.createListView();
var sections = [];

var vegSection = Ti.UI.createListSection({ headerTitle: 'Vegetables'});
var vegDataSet = [
    {properties: { title: 'Carrots', image: 'Logo.png', color: 'black'}},
    {properties: { title: 'Potatoes',  color: 'black'}},
];
vegSection.setItems(vegDataSet);
sections.push(vegSection);

listView.sections = sections;
win.add(listView);
win.open();

Steps to reproduce

Add the above to an existing app.js and build for Windows

Actual

Image and text overlay

Expected

Image and text should not overlay

Comments

  1. Kota Iguchi 2017-10-04

    https://github.com/appcelerator/titanium_mobile_windows/pull/1130
  2. Abir Mukherjee 2017-11-17

    Tested on SDK 7.0.0.v20171116132144 installed from CLI. Fix is verified.

JSON Source