Currently collapsed fieldsets are hard to discover as they have no indicator of any kind, they are just a grey box. This normally looks ok, but when used in a more complex form they become even harder to find and use. Adding in some level of icon / arrow to better indicate there is an available interaction would improve the usability.

Members fund testing for the Drupal project. Drupal Association Learn more


wbobeirne’s picture

Looks like there was already some existing code for this, I just fixed it up and re-themed it a bit. Let me know if I stepped on the toes of some functionality I was not aware of. Attached is a patch that should give the following output:

The images were just a quick placeholder I whipped up. Someone feel free to replace them. Also, I'm not sure how you're supposed to include images in a patch file, so attached is the revised bleeds.png with those placeholders.

wbobeirne’s picture

Status: Active » Needs review
wbobeirne’s picture

My apologies, the previous patch included a dpm. Attached is a DPMless patch.

haydeniv’s picture

Status: Needs review » Needs work

This does not apply anymore. Please re-roll and I'll get it committed. Thanks!

eugene.ilyin’s picture

Good idea. Patch #3 works great for my Rubik 7.x-4.0-beta8. Please commit it.

haydeniv’s picture

This was partially fixed with #1389704: Icons for collapsible nested fieldsets always hidden

I like how this one works better though with the layout of the icon.

haydeniv’s picture

Category: Feature request » Bug report
Status: Needs work » Needs review

Correct status.

haydeniv’s picture

Status: Needs review » Fixed

committed: e624bca

I really like how this feels on the fieldsets.


Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

donquixote’s picture

Status: Closed (fixed) » Needs work


-.form-wrapper .form-item,
-.form-wrapper .form-wrapper {
-  border:0;
-  margin-bottom:0;
-  }

This change causes the Views UI to look weird, with duplicate borders.
The original purpose of this CSS was that nested form-wrapper elements don't have their borders pile up.
(Maybe .form-wrapper > .form-wrapper would be safer)

admin/structure/views/view/*/edit/* looks weird now. And probably some other places too.

kyletaylored’s picture

Status: Needs work » Closed (fixed)

I'm pretty sure that #10 was fixed in #1388114: Views admin styles for Rubik.