Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-23531

Windows: Tab title color is not changed on selection

    Details

    • Type: Bug
    • Status: Closed
    • Priority: High
    • Resolution: Fixed
    • Affects Version/s: Release 5.4.0
    • Fix Version/s: Release 6.0.0
    • Component/s: Windows
    • Labels:
    • Environment:

      Tested on:
      Windows 10 Pro
      Windows Phone 10.0 (Microsoft Lumia 640 LTE)
      Appc Studio: 4.6.0.201605201934
      Ti SDK: 5.4.0.v20160608165242
      Appc NPM: 4.2.7-2
      Appc Core: 5.4.0-15
      Node: v4.4.5

    • Story Points:
      5
    • Sprint:
      2016 Sprint 13 SDK

      Description

      The currently viewed tab in an app will have the tab title highlighted, when switching the tabs, the current viewed tab highlight does not change appropriately.

      TEST CODE

       
      // create tab group
      var tabGroup = Titanium.UI.createTabGroup();
       
      //
      // create base UI tab and root window
      //
      var win1 = Titanium.UI.createWindow({
          title: 'Tab 1',
          backgroundColor: '#fff'
      });
      var tab1 = Titanium.UI.createTab({
          icon: 'KS_nav_views.png',
          title: 'Tab 1',
          window: win1
      });
       
      var label1 = Titanium.UI.createLabel({
          color: '#999',
          text: 'I am Window 1',
          font: { fontSize: 20, fontFamily: 'Helvetica Neue' },
          textAlign: 'center',
          width: 'auto'
      });
       
      win1.add(label1);
       
      //
      // create controls tab and root window
      //
      var win2 = Titanium.UI.createWindow({
          title: 'Tab 2',
          backgroundColor: '#fff'
      });
      var tab2 = Titanium.UI.createTab({
          icon: 'KS_nav_ui.png',
          title: 'Tab 2',
          window: win2
      });
       
      var label2 = Titanium.UI.createLabel({
          color: '#999',
          text: 'I am Window 2',
          font: { fontSize: 20, fontFamily: 'Helvetica Neue' },
          textAlign: 'center',
          width: 'auto'
      });
       
      win2.add(label2);
       
      //
      //  add tabs
      //
      tabGroup.addTab(tab1);
      tabGroup.addTab(tab2);
       
      // open tab group
      tabGroup.open();
      

      Steps to Reproduce

      1. Create a new classic mobile project.
      2. Apply Test Code to app.js file.
      3. Launch App.
      4. Click on tab 1, then click tab 2.

      Expected Result

      Currently Viewed tab should have the title highlighted.

      Actual Result

      Tab 1 is constantly highlighted despite the selected tab.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                kiguchi Kota Iguchi
                Reporter:
                htbryant Harry Bryant
                Reviewer:
                Christopher Williams
              • Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

                  • Titanium SDK/CLI <> Titanium Mobile
                    Synced with:
                    TIMOB-9833
                    Sync status:
                    ERROR
                    Last received:
                    Last sent:

                    Git Source Code