Opened 12 years ago

Closed 12 years ago

#6634 closed task (fixed)

RadioButton: change images to match rest of tundra

Reported by: bill Owned by: bill
Priority: high Milestone: 1.2
Component: Dijit - LnF Version: 1.1.0
Keywords: ibm Cc:
Blocked By: Blocking:

Description (last modified by bill)

Problem: Button style did not appear cohesive with the rest of the Tundra style.

Current:

Recommendations: Refine button style treatment: (see revised assets)

  • a) Flattened the heavy 3D look to a subtle gradient.
  • b) Keeping the gradient consistent with other UI elements. (ie. tabs, accordian, etc)
  • c) Cleaned up the white artifacts in the gif files so they will display properly on dark backgrounds.
  • d) Firefox should be loading PNGs image files not the GIFs.

New:

Taken from IBM Design Leadership recommendations.

Attachments (6)

current.gif (1.5 KB) - added by bill 12 years ago.
new.gif (1.2 KB) - added by bill 12 years ago.
checkmark.gif (1.1 KB) - added by bill 12 years ago.
checkmark.png (5.4 KB) - added by bill 12 years ago.
checkmarkNoBorder.gif (1.6 KB) - added by bill 12 years ago.
checkmarkNoBorder.png (4.3 KB) - added by bill 12 years ago.

Download all attachments as: .zip

Change History (8)

Changed 12 years ago by bill

Attachment: current.gif added

Changed 12 years ago by bill

Attachment: new.gif added

Changed 12 years ago by bill

Attachment: checkmark.gif added

Changed 12 years ago by bill

Attachment: checkmark.png added

Changed 12 years ago by bill

Attachment: checkmarkNoBorder.gif added

Changed 12 years ago by bill

Attachment: checkmarkNoBorder.png added

comment:1 Changed 12 years ago by bill

Description: modified (diff)

comment:2 Changed 12 years ago by bill

Resolution: fixed
Status: newclosed

(In [13566]) Make RadioButton? style appear cohesive with the rest of the Tundra style.

  • Flattened the heavy 3D look to a subtle gradient.
  • Keeping the gradient consistent with other UI elements. (ie. tabs, accordian, etc)
  • Cleaned up the white artifacts in the gif files so they will display properly on dark backgrounds.
  • Firefox should be loading PNGs image files not the GIFs.

I'm conflicted about white-artifact cleanup. It makes checkbox look better on a dark background but worse on a white background. But I'm deferring to an expert opinion (see trac ticket).

Fixes #6634.

Note: See TracTickets for help on using tickets.