Opened 9 years ago

Closed 9 years ago

Last modified 9 years ago

#12019 closed defect (fixed)

Toolbar/ComboButton: better visual cue that it's a single widget

Reported by: bill Owned by: bill
Priority: high Milestone: 1.6
Component: Dijit - Form Version: 1.5
Keywords: Cc:
Blocked By: Blocking:

Description

(filed to track patch from ORIA team)

The current ComboButton in a Toolbar design is somewhat confusing in that the user will regard the ComboButton as two buttons (a button and a button with down arrow).

Draw border around entire ComboButton on hover:

screenshot of patch (in progress)

Attachments (1)

hoveredCB.gif (9.0 KB) - added by bill 9 years ago.
screenshot of patch (in progress)

Download all attachments as: .zip

Change History (6)

Changed 9 years ago by bill

Attachment: hoveredCB.gif added

screenshot of patch (in progress)

comment:1 Changed 9 years ago by bill

Resolution: fixed
Status: newclosed

(In [23271]) Fixes for claro's ComboButton in a Toolbar:

  • make border for entire ComboButton appear on hover, to make it clear that it's a single ComboButton rather than two buttons, fixes #12019
  • fix IE horizontal jitter on hover, fixes #11926
  • fix problem on chrome where toolbar shrinks vertically on hover, fixes #11553

This still needs some CSS cleanup/streamlining but it's working.

comment:2 Changed 9 years ago by bill

(In [23272]) Remove all the repeated border-color settings, refs #12019

comment:3 Changed 9 years ago by bill

(In [23273]) Further simplifications for claro's ComboButton in a Toolbar, making it work more like a regular ComboButton, where the arrow is missing it's left border regardless of which side of the ComboButton is hovered, refs #12019.

Also, fixed corners so that only the outer corners (left side of button, right side of arrow) are rounded.

Finally, simplified fix for IE horizontal jitter on hover, main problem was that there was padding on the <table> node, refs #11926.

comment:4 Changed 9 years ago by bill

(In [23429]) fix typo from [23273] causing wrong ComboBox corners to be rounded in LTR mode, refs #12019

comment:5 Changed 9 years ago by bill

Component: DijitDijit - Form
Note: See TracTickets for help on using tickets.