Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-16498] Android: Undesired tableView separatorColor is appearing in footerView

GitHub Issuen/a
TypeBug
PriorityCritical
StatusClosed
ResolutionFixed
Resolution Date2020-11-17T14:31:25.000+0000
Affected Version/sRelease 3.2.0, Release 3.2.1, Release 9.3.0
Fix Version/s2014 Sprint 07, 2014 Sprint 07 SDK, 2014 Sprint 09, 2014 Sprint 09 SDK, Release 3.3.0, Release 9.3.0
ComponentsAndroid
Labelsmodule_tableview, qe-testadded, supportTeam
ReporterMostafizur Rahman
AssigneeGary Mathews
Created2014-02-24T13:06:46.000+0000
Updated2020-11-17T14:31:30.000+0000

Description

Problem Description

Undesired tableView separatorColor is appearing in footerView . When I use footerView for TableViews it is working as expected in below Android 4.4 versions. But from Above Android 4.4 version we are able to see a separator line which is not required.

Testing Environment:

MAC OS X 10.8.5 Appcelerator Studio, build: 3.2.1.201402061120 Titanium SDK: 3.2.1.GA Titanium CLI: 3.2.1 Android SDK 2.3.3, 4.2.2 and 4.4.2

Test Code

var win = Ti.UI.createWindow({
    backgroundColor : 'black',
    fullscreen : false,
    title : 'TableView Demo'
});

var defaultFontSize = Ti.Platform.name === 'android' ? 16 : 14;

var tableData = [];

for (var i = 1; i <= 5; i++) {
    var row = Ti.UI.createTableViewRow({
        className : 'forumEvent', // used to improve table performance
        selectedBackgroundColor : 'white',
        rowIndex : i, // custom property, useful for determining the row during events
        height : 110,
        title : 'Test '+i
    });
    tableData.push(row);
}

var container = Ti.UI.createView({
    height : 50,
    width : Ti.UI.FILL
});

var tableView = Ti.UI.createTableView({
    backgroundColor : 'white',
    data : tableData,
    footerView : container,
    separatorColor : 'black'
});

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

Attachments

FileDateSize
device-2014-02-24-181334.png2014-02-24T13:06:46.000+000018827
Screenshot_2014-03-17-13-44-48.png2014-03-17T13:47:33.000+000056249
Untitled.png2014-02-24T13:51:12.000+000035606

Comments

  1. Hieu Pham 2014-03-11

    Tested the code above with 4.4 Nexus. Works fine for me. Can't reproduce it.
  2. Hieu Pham 2014-03-29

    master PR: https://github.com/appcelerator/titanium_mobile/pull/5557 Additional test case for ListView: 
       var win = Ti.UI.createWindow({ title: 'ListView Tests' });
   
   var header = Ti.UI.createView({
       height: 50,
       width: Ti.UI.FILL
   });
   var container = Ti.UI.createView({
       height : 50,
       width : Ti.UI.FILL
   });
   
   var listView = Ti.UI.createListView({ footerView: container, headerView: header, separatorColor : 'black', backgroundColor: 'white'});
   
   var section = Ti.UI.createListSection();
   section.setItems([
   		{ properties: { title: 'Basic', itemId: 'basic', accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE} },
   		{ properties: { title: 'Set Items', itemId: 'setItems', accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE} },
   		{ properties: { title: 'Append Items', itemId: 'appendItems', accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE} },
   		{ properties: { title: 'Insert Items', itemId: 'insertItems', accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE} },
   		{ properties: { title: 'Replace Items', itemId: 'replaceItems', accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE} },
   		{ properties: { title: 'Delete Items', itemId: 'deleteItems', accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE} },
   		{ properties: { title: 'Get Item', itemId: 'getItem', accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE} },
   		{ properties: { title: 'Scroll To Item', itemId: 'scrollToItem', accessoryType: Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE} },
   ]);
   listView.appendSection(section);
   win.add(listView);
   win.open();
  3. Vishal Duggal 2014-03-31

    PR Merged
  4. Neha Mittal 2014-04-18

    I am able to reproduce the issue with the code provided in the description. Tested on Nexus 5 (4.4.2) and Nexus 7 (4.3) with below environment: Appc Studio: 3.2.3.201404162038 SDK build: 3.2.3.v20140417162517 and 3.3.0.v20140417173316 acs: 1.0.14 npm: 1.3.2 alloy:1.3.1 CLI: titanium@3.2.3-beta titanium-code-processor:1.1.1-beta1 Xcode: 5.1.1 Osx: Mavericks(10.9.2) Device: Nexus 7 (4.3) and Nexus 5 (4.4.2) When I tested on Nexus 7(4.3) version (by reducing the size of row to 3) it is working as expected and no separatorColor appears. But on Nexus 5(4.4.2) version I am able to see a separator line. Hence reopening the issue.
  5. Hieu Pham 2014-05-01

    I tested against latest master with Nexus 5 (4.4) and it works fine for me for both test cases (even when I reduce the number of rows to 3 in the first test case)
  6. Lokesh Choudhary 2014-05-05

    Verified the fix. We do not see any undesired tableview separator color in footerview. Closing. Environment: Appc Studio : 3.2.3.201404181520 Ti SDK : 3.3.0.v20140502133323 Mac OSX : 10.8.5 Alloy : 1.3.1 CLI - 3.2.3 Samsung Galaxy S4 running android 4.2.2 Nexus 5 - android 4.4.2
  7. Samir Mohammed 2020-11-12

  8. Gary Mathews 2020-11-14

    [~smohammed] Due to the title property now utilizing the app themes primary text color. Depending on the background; the test cases may need their color property setting to a contrasting color.
  9. Samir Mohammed 2020-11-17

    Closing ticket it as this is an unrelated issue, will be fixed in: https://github.com/appcelerator/titanium_mobile/pull/12029

JSON Source