Opened 11 years ago

Closed 11 years ago

Last modified 11 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:


(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 11 years ago.
screenshot of patch (in progress)

Download all attachments as: .zip

Change History (6)

Changed 11 years ago by bill

Attachment: hoveredCB.gif added

screenshot of patch (in progress)

comment:1 Changed 11 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 11 years ago by bill

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

comment:3 Changed 11 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 11 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 11 years ago by bill

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