Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-24770] iOS: Incorrect badge display on Ti.UI.DashboardView (no background image)

GitHub Issuen/a
TypeBug
PriorityCritical
StatusClosed
ResolutionFixed
Resolution Date2017-06-09T15:43:59.000+0000
Affected Version/sRelease 6.1.0
Fix Version/sRelease 6.1.1
ComponentsiOS
Labelsbadge, dashboarditem, dashboardview, qe-6.1.1
ReporterJean-Sébastien GALLOO
AssigneeHans Knöchel
Created2017-06-02T09:28:41.000+0000
Updated2017-06-12T13:44:54.000+0000

Description

When you display a badge on a DashboardItem (with a dashboardView), the badge background is transparent whereas it should be red. This does not happen with Ti SDK 6.0.4.GA.

Attachments

FileDateSize
Test iOS 2017.zip2017-06-05T07:50:05.000+000010411536
with Ti SDK 6.0.4GA .png2017-06-02T09:25:28.000+0000142669
with Ti SDK 6.1.0GA .png2017-06-02T09:25:28.000+0000137083

Comments

  1. Hans Knöchel 2017-06-02

    Do you may use app-thinning and/or use an icon that may have the same name? We need a test-case and full environment anyway, thank you!
  2. Jean-Sébastien GALLOO 2017-06-05

    Hi Hans, I joined a test project with only dashboard inside.
  3. Hans Knöchel 2017-06-05

    Hey [~jsgalloo], you are correct, the (very legacy) files have been removed accidentally between 6.0.x and 6.1.0.GA. There will be restored in 6.1.1.GA. However, I noticed they were never updated for retina and the library used was not maintained for 8 years. Since it is iOS-only, it will also soon be moved out of the core and be made available through an own module, so it won't change much for you. Just as a slight warning for the SDK release 7.0.0 :-). PR (master): https://github.com/appcelerator/titanium_mobile/pull/9107 PR (6_1_X): https://github.com/appcelerator/titanium_mobile/pull/9108 Test-Case (expected behavior: A red badge-image should be visible in the upper right of the item): 
       var self = Ti.UI.createWindow({
       backgroundColor:'white'
   });
   
   var item = Titanium.UI.createDashboardItem({
       image : '/images/dashboard/bouton_on.png',
       width: 186,
       height: 196,
       badge: 12
   });
           
   var dashboard = Titanium.UI.createDashboardView({
       data: [item],
       top: 200,
       height : 360,
   });
   
   self.add(dashboard);
   self.open();
  4. Abir Mukherjee 2017-06-07

    [~hansknoechel] I know you're already aware of this, but just to summary the test conditions where we still continue to see the bug: Node Version: 6.10.3 NPM Version: 3.10.10 Mac OS: 10.12.4 Appc CLI: 6.2.2 Appc CLI NPM: 4.2.9 Titanium SDK version: master (6.2.0) PR/9107 Appcelerator Studio, build: 4.9.0.201705302345 Xcode 8.3.2
  5. Harry Bryant 2017-06-12

    Verified as fixed, badges are now displayed correctly with a red background on dashboard items. Tested On: iPhone 7 10.3.2 Device & Simulator Mac OS Sierra (10.12.5) Ti SDK: 6.1.1.v20170609153006 Appc NPM: 4.2.9 App CLI: 6.1.0 *Closing ticket.*

JSON Source