Current:

1. This form is all about placing a block, but show title, edit title, machine name are shown first with theme and region chooser following.

Maybe we can switch those around to better faciliate the main use of this form: putting the block in the right region of the selected theme:
2. I'd expect the existing machine name pattern to be applied here, it would remove quite a bit UI noise.
3. We could enhance the hierachy a bit by grouping the title related elements in a fieldset. Maybe the checkbox should come first (still default to checked)
4. Submit buttons are left-aligned, this one should probably be blue as well. Maybe part of existing style guide work.

Comments

yoroy’s picture

StatusFileSize
new56.06 KB
new151.65 KB

lets do smaller screenshots.

tim.plunkett’s picture

Issue tags: +Block UI overhaul

Tagging.

jessebeach’s picture

tkoleary’s picture

@yoroy

Totally agree on the machine name comment but I think that fixing that will solve the second problem by bringing those options up much closer to the top of the form.

Pushing the title down in the form is definitely an antipattern, and in this case even more problematic if we remove the Block name from the main blocks table and show only the title as is proposed.

yoroy’s picture

Title: Improve the layout of the place block form » Apply machine name ui pattern in the Place Block form

Applying machinename will definately help clean things up. The interaction is about *placing* a block. Instead of getting to the point of placing it, the current form first offers the busy work of setting a title, not sure which is the antipattern here.

But lets start with applying machine name and see how far that gets us.

tkoleary’s picture

@yoroy

Ah. I think I see one thing you might be missing. In another issue we have removed the block name form the table and the block title is required.

So now the way you identify your blocks in the UI is with the title, not the name, which makes it more of a primary task.

tkoleary’s picture

Status: Active » Needs work
tkoleary’s picture

Issue summary: View changes

edit img links

tim.plunkett’s picture

Issue summary: View changes
StatusFileSize
new68.58 KB

It seems something has changed since this issue was opened:

For one, the machine name is now working.
Secondly, the button is now blue.

So is the only remaining change floating the button to the left?
The float:right comes directly from jquery.ui.dialog.css

webchick’s picture

Hm. If it's consistent with other buttons in dialogs, I'd say close this one out. If we want to override jQuery UI's styling, we should do it on a global scale. However, if it's something weird to only this form, then yeah, CSS to fix it would be great.

Awesome that this got magically fixed already. :D

klonos’s picture

...there used to be a theme selection drop-down besides the region selection one. Was removing it an intentional thing?

Bojhan’s picture

It looks like this UI has gotten worse over the months. See #2269881: [meta] Unifying condition UIs.

tim.plunkett’s picture

That issue is a duplicate of this one I guess.
Though it is more up to date and raises other points, should we close this one?

Bojhan’s picture

@tim sounds good. I am not sure if any of these block issues will receive attention though :( I will try to drum up some people around Drupalcon

tim.plunkett’s picture

Status: Needs work » Closed (duplicate)