Opened 12 years ago

Closed 12 years ago

#6426 closed task (fixed)

CheckBox: make rollover more noticeable

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)

During rollover (ie, hover);

1) Make keyline for the selected (ie enabled and checked) and default (ie enabled but not checked) states a darker gray, to provide more a visual cue to the user that they are enabled. The curent grey color keyline gives the impression that the default state is disabled.

2) Flipping the gradient background treatment for the selected and default states provides the additional visual cue to the user that a change is occurring from default to mouse over/rollover state.

Specifications for hover over enabled checkbox (both on checked and unchecked checkboxes):

  • Grey keyline Hex: #777777
  • Gradient: top /down

The images below represent, in order:

  1. checked, enabled, no hover
  2. checked, enabled, hover
  3. unchecked, enabled, no hover
  4. unchecked, enabled, hover

Taken from IBM Design Leadership recommendations.

Attachments (2)

checkbox_rev1.png (3.6 KB) - added by bill 12 years ago.
checkbox_specs.png (6.7 KB) - added by bill 12 years ago.

Download all attachments as: .zip

Change History (6)

Changed 12 years ago by bill

Attachment: checkbox_rev1.png added

Changed 12 years ago by bill

Attachment: checkbox_specs.png added

comment:1 Changed 12 years ago by bill

Description: modified (diff)
Summary: CheckBox: make rollover more noticeableCheckBox: icon updates for more distinction for enabled/disabled, and for rollover

comment:2 Changed 12 years ago by bill

Description: modified (diff)
Summary: CheckBox: icon updates for more distinction for enabled/disabled, and for rolloverCheckBox: make rollover more noticeable

comment:3 Changed 12 years ago by bill

Owner: changed from julie to bill
Status: newassigned

comment:4 Changed 12 years ago by bill

Resolution: fixed
Status: assignedclosed

(In [13331]) Make rollover effect for checkboxes in tundra more visually distinct. Fixes #6426. Also removed some unused files, but left checkmark.png even though that is also unused.

Note: See TracTickets for help on using tickets.