I'm just filing this to say I'm not convinced by the new design for fieldsets.

It looks good. But because the whole thing is a solid grey bar, it invites clicking anywhere inside it to collapse/expand -- but only clicking the text works.

CommentFileSizeAuthor
#11 bartik-fieldsets.png12.38 KBsun
#8 fieldset-hover.patch646 bytesbleen

Comments

bleen’s picture

I concede that my opinion here is probably influenced greatly by already being accustomed to clicking on the text to collapse a fieldset, but I dont think that this is an uncommon user experience. I think that the proximity of the indicative to the legend text helps and that even Drupal newbies will be quick to understand...

That said, I think joachim's concern is not entirely unwarranted ... things could probably be made clearer but I'm not certain of the best way to do that and I'm not convinced its necessary.

Other thoughts?

jensimmons’s picture

Status: Active » Closed (won't fix)

Hmmmm, well now that Bartik is in core, I'm moving over as few issues as possible. I think this is more of a personal taste kind of a thing than an actual bug report. So at this point, I'm going to set this to won't fix and not move it to the Drupal project.

joachim’s picture

Project: Bartik » Drupal core
Version: 7.x-1.x-dev » 7.x-dev
Component: Look and Feel » Bartik theme
Status: Closed (won't fix) » Active

Sorry, I'm going to disagree and reopen and move to Drupal.

Here's why:

On Garland, the fieldset title is the same colour as a link. It invites further exploration. When you hover, it underlines like a link. You're led down a path towards clicking it and then you find out what it does.
On Bartik, the most clicky thing in the fieldset title is the arrow. Which does nothing. We have a usability problem here.

bleen’s picture

Issue tags: +#d7ux

I wouldnt object to making the legend underline on mouseover...

sun’s picture

Didn't try it myself, but joachim's observation and explanation makes sense to me.

Due to D7's new and vastly improved markup for collapsible fieldsets, this should be easily changeable.

jensimmons’s picture

Yeah, I take back my 'won't fix'. Let's find a solution.

joachim’s picture

> Due to D7's new and vastly improved markup for collapsible fieldsets, this should be easily changeable.

What can we make react to hovering?

bleen’s picture

Status: Active » Needs review
StatusFileSize
new646 bytes

this certainly helps...

jensimmons’s picture

screenshots?

bleen’s picture

on hover....
Only local images are allowed.

sun’s picture

Title: fieldset design » Bartik: fieldset design
Status: Needs review » Needs work
StatusFileSize
new12.38 KB
+++ themes/bartik/css/style.css	11 Jul 2010 19:45:34 -0000
@@ -982,6 +982,9 @@ fieldset legend {
+fieldset legend:hover {

1) Only .collapsible fieldsets can be clicked.

2) Only the clickable fieldset title can be clicked.

i.e.: fieldset.collapsible a.fieldset-title

On a related note, all fieldsets look entirely different for me than in #10:

bartik-fieldsets.png

bleen’s picture

sun: good point on the selector ...

What browser/os are you using for that screenshot?

sun’s picture

Firefox 3.5 on Windows XP/2003

...looks like work, eh? ;)

jensimmons’s picture

I like the screenshot in #10. Let's do that.

Bojhan’s picture

I like #10 too, seems to be an issue with Firefox 3.5 rather then 3.6.6 as I can't replicate sun's issue on my Windows XP, Firefox 3.6.6

jensimmons’s picture

Title: Bartik: fieldset design » Bartik: create hover state for collapse/uncollapse buttons in fieldset headers
Status: Needs work » Needs review

Let's keep this issue about one thing. The bugs reported in comment #11 need to go into a separate issue. (Stop killing the kittens!)

Meanwhile, the original issue about about making it more obvious where to click to open the fieldset. The patch in #8 does a good job by making the text underlined when you hover on it. Let's review that and get this into Bartik.

Jeff Burnz’s picture

#8: fieldset-hover.patch queued for re-testing.

sun’s picture

Status: Needs review » Needs work

I'd highly recommend to fix all fieldset styling issues at once. Using markup_test module from my sandbox, you can see, analyze, and fix all possible fieldset states on a single page without having to click anywhere.

We won't get anywhere soon, if all of the many details of collapsible, collapsed, and not collapsible fieldsets are tackled in separate issues. Especially, since we need cross-platform/browser testing for every single issue. There's a lot to take into account, and it's far too easy to forget about or not recognize another possible fieldset state.

Therefore, I can only recommend to broaden the topic and scope to "Bartik fieldsets", in all possible states, which are all to be tested, and fixed, in one shot.

At the very least, the actual CSS code issues mentioned in #11 remain.

Jeff Burnz’s picture

Created meta issue to track fieldset issues, agree with sun here, maybe we can start closing some of the issues down (consolidate) and write one patch to rule them all - many are closely related by the looks.

#893460: Fix Bartiks Fieldsets (meta)

amateescu’s picture

Status: Needs work » Fixed

This issue is fixed in HEAD (Bartik's fieldset legends are underlined on hover).

EDIT: fixed by commit #417572

Status: Fixed » Closed (fixed)
Issue tags: -Needs usability review

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