Today I created a new Panels admin dashboard, and it's got a blank space in it. Well, almost blank. During the early beta period, it will link to here.

This issue exists as a place for people to state what they would like to see there. You can go pie in the sky if you like but it probably won't help. But real suggestions here could be very valuable. What would be useful to you in that space?

Comments

merlinofchaos’s picture

StatusFileSize
new67.67 KB

Here's a screenshot:

yoroy’s picture

nice!

We've been discussing:
- a list of existing panels objects
- link to the permissions for panels content

Hope to see some input from people who are actually using Panels regularly.

caroltron’s picture

Ok, my first comment is purely visual and has nothing to do with the content - so thats my disclaimer. When I first see this layout, and the headings "panel page", etc. I think...wow I'd love to see a thumbnail of the layout in the right region where we right now see nothing. However I do realize that there is probably no actual graphical element that could even show there.

So my second comment would be then...if we're going with a 2 column format (which I do think is good b/c short width columns do IMO make thing easier to parse on screen) I'd expect to modify the settings of said element "Panel page", "Mini pane" etc. within that region. So you click the title for what you want to create, by default the region on the left shows a default mockup of a panels display layout, and changes to show fields that you can now enter. This maybe is done with ajax? And maybe those fields are title, url, css id, etc...the items that you get on the first screen in existing Panels releases.

But to be honest I still struggle with "forcing" something into a region where we have negative space b/c we need to fill it in.

The thing that i feel confident about is that in order for Panels to be more approachable people need to understand what they're doing, visually. That they are building a layout. And I could see that right region slowly manifesting into the layout as you add settings.

Sorry if thats way off base, but I wanted to just share by gut instinct response.

merlinofchaos’s picture

You are not at all off base, caroltron. Difficult to implement, perhaps, but not offbase!

guillaumeduveau’s picture

+1 for a list of existing panels objects

Right now I find a bit confusing to have some duplicates between admin/build/pages/* and admin/build/panels/*, but the plan may be to get rid of admin/build/pages/* ?

Panels 3 is beginning to seriously kick a.. , I was impressed by the new integration with views in beta1 :)

merlinofchaos’s picture

No, admin/build/pages/* is going to say -- because it's not actually purely Panels. That part could exist completely without Panels.

ifrik’s picture

a list of all panels created. It's a bit counter-intuitive that I create a panel page under the menu item "panels" but that I go to the menu item "pages" to edit it.
And with Mini Panels I get yet another menu item, so I can add also add them at 2 different menu items, but only edit them at one.
So a list of all created panels there would do nicely.

caroltron’s picture

I have to agree here. Making the dashboard truly a dashboard. The more logical tasks we can put on one page I think the better. This definitely seems like an intuitive thing to see on the right.

ScarabMonkey’s picture

Definitely would like a list of existing Panels pages here.

yoroy’s picture

Had a little chat with litwol about this last week. His input expands on the idea of a 'list of panels' with a bit more detail. posted with permission :-)

's the UX that's in my mind, see the 4 buttons available there right now (panel page, adv panel page, panel node, mini panel... ) currently those are links to create new panels

What i propose is to use that (or add another link to click) that will list all available panels of that type in the box.... but there's more

you can then click on each of the panells and it would expand down like an accordion revealing information about that panel
similar to what you can see in the task handler page

overall UX experience is "navigate through all the panel setting pages without leaving this page, unless you have to actually edit any of the settings. in which case you would be taken to the dedicated page with all the available options to edit
otherwise you remain on this page and you get a summary at a glance overview

I like the idea of some kind of expanding to show summaries of settings so that you can make a specific choice as to what you want to change for that panel.

merlinofchaos’s picture

Interesting. yoroy, I'm having trouble visualizing that, but I like the basis.

yoroy’s picture

I'm thinking something like this:
Only local images are allowed.

this doesn't yet show a way to filter this list on a single panels type. Not sure which settings you'd want available there and if they even need summaries.

faking it with CSS :hover tricks here: http://www.yoroy.com/elders/drupal/panelsdashboardaccordion.html

yoroy’s picture

for me it would be helpful If somebody gave a few good actual examples of what you'd actuall expect to see in place of the simplistic 'settingthings' in the prototype. Different for each panels type, few or many handlers. let's have some likely and worst-case scenarios and see what we can fit in there that will be actually helpful.

litwol’s picture

StatusFileSize
new72.92 KB
new101.94 KB
new102.22 KB
new59.13 KB

Some of my ideas in visual form:

Step 1

step 2(option A)

step 2(option B)

step 3

kwixson’s picture

You know, it's cool and all that you want to put something in that space, but you're assuming that the display will have enough room. In Garland it sure does, but what about if you choose another theme, maybe one that's not made so well and is just 375px wide? Maybe you shouldn't have anything there.

merlinofchaos’s picture

Unfortunately, we can't let stupid themes force us into paths that lead to even worse administration. I decided when we built the Views 2 admin section that we would put some requirements on themes in the administrative area, and that requirement is "give the administrative section enough space comma dammit". You can't administrate Views 2 in 375px and frankly you can't administrate Panels in 375px even now.

benlotter’s picture

StatusFileSize
new142.27 KB

This is my first time downloading and installing the Panels module. See the screenshot but it appears the images didn't come through, also Advanced anel page is missing the "P". Also, it says I need to activate the Delagator module but shouldn't that text link to where to do that? It doesn't seem easy to use out of the box.

I also lost Panels Pages (I wiped the Alpha version I had installed.) Sorry if this stuff should be a bug report, but I'm pretty new to Drupal, so I don't know how to do that stuff yet. Just thought someone should know.

EDIT
I finally found the Delegator module under Other. I'm guessing it came with the Chaos Tools (ctools). Of course, I installed Panels which prompted me to install Chaos Tools, so I clicked ok, but it never said I needed to install Delegator until I got to the settings page above.
Interesting that the spelling error (mentioned above) is no longer there after enabling Delegator.

merlinofchaos’s picture

Ouch, not a good typo. The images are placeholders; see the original screenshot above, there are no images there yet either.

jacobpov’s picture

Thank you developers for making this wonderful module !

merlinofchaos’s picture

StatusFileSize
new98.67 KB
new56.45 KB
new67.24 KB

Here's some wireframes I drew for the next phase:



merlinofchaos’s picture

Discussion notes:

Top page is not special, no .js at all. Manage links plus some explanation on the left, important advanced help topics on the right. Everything that's there would be replaced with a "Please install the advanced help module to see content here" message if advanced help is not on.

The second page is what happens when you click on one of the manage links. In this case panel pages. There would probably still be a distinction between panel pages and custom pages (advanced panel pages) though maybe there does not have to be. Workflow could be interesting there. On the right, the basic idea is an accordion. Edit link only appears for an item actually selected, so you do need two clicks to edit a particular page. There might be more information than jus tpage name. I also figure the percentages are not even; somewhere in the 30%/70% to 40%/60% range.

The third page is a Views UI-like edit everything on this page. "Variants" is a new term for task handlers, maybe that term isn't great but I think people will understand that a little better. Not everything will appear here for everything. For example, on the node view override you don't have control over a lot of these things, but you do have the variants. Plus the summary can give a nice explanation of what goes on, I hope. This will be more or less ajaxy, I think, except for the 'content' pages which may or not be ajaxy. I'm not confident the drag & drop + layout manager page can work inside an ajax area. Then again, as i've looked at it, maybe it can work so I will give it another try and see what happens.

My hope is that someone who is better at this will clean up these drawings. I really am *bad* at this.

merlinofchaos’s picture

StatusFileSize
new106.12 KB
new78.81 KB

Attaching smaller images.

ReenaSharma’s picture

here, the link of the domo's related panels should be display.

Swift Arrow’s picture

It would be really nice to see two things:
1. A list of existing panels, as detailed above
2. Help text giving a general introduction to panels.

Perhaps this could be done using tabs?

BTW, I was just introduced to panels 3, was struggling through panels 2 alpha. Like it, but I am really confused: I use Panel Pages, and the Delegator was automatically enabled to replace Panel pages. Now I have a list of pages, and they dont seem to work. I guess it's a permissions thing, but this all seems pretty complicated.
Nowhere do I find a way to add a page via delegator, but panels still allows me to add pages ?!

yoroy’s picture

Just a cleaner version of Merlinofchaos's sketches for now…

Only local images are allowed.

nessunluogo’s picture

When moving the mouse over an element of the panels types list on the left, I'd like a salmple preview in the area on the right.

drupalbaby’s picture

In the Big Blank Box to the right side I'd like to see: Generated Thumbnails of what was created and when that thumbnail is selected the option to preview the page, edit, or whatever else. Also next to the Generated Thumbnails i'd like to see a search engine to find certain content faster.

So think of it as 2 rows first being the one to preview the larger image of the thumbnail selected and the 2nd row on the bottom to preview the small thumbnails and to the right or left of that row have the search engine with the option to tuck it or hide it from view when it isn't needed.

Then for the different panel options: Panel, Advanced Panel Page, Panel Node, Mini Panel. Have the image display a thumbnail of the last page created or modified. Sorta like a History Tracker and when that is clicked on to Possibly display the history of what was created or modified in the Large Image Preview area with the option to go back to Thumbnail view?

Just an idea.... (-_-)

Ceb’s picture

Another vote for a list of existing panels. Seems getting to my current panels is a bit of a trick here.

merlinofchaos’s picture

StatusFileSize
new218.51 KB

This is my latest sketch, and I am currently working on the implementation of this, which can be considered a working mockup.

EvanDonovan’s picture

+1 for a list of existing panels pages. Doesn't have to be complex, just a basic list would be fine. And possibly links to the page where they are at, as long as they don't require arguments.

Help text is good too, but could just be a ? icon with the word Help in the upper right corner. One of my biggest pet peeves about Panels 2 was the huge wall of help text that always appeared at the top of admin/panels.

yoroy’s picture

Only local images are allowed.

EvanDonovan’s picture

Now that Panels 3 has a new UI (which looks great, btw) does this task still apply? After all, there isn't a blank space anymore :) The list of mini-panels & panels on admin/build/panels is simple and usable.

merlinofchaos’s picture

Status: Active » Fixed

I agree. There probably needs to be more work here. Astute users will note that both lists are basically unsorted, so by themselves they are not that usable unless you have 10 or fewer pages/mini manels. What they do is lead you to the more appropriate UI, though, which is good too. But you're right. We can close this issue and open new issues for more targeted ideas.

Status: Fixed » Closed (fixed)

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

cjd400’s picture

Version: 6.x-3.x-dev » 6.x-3.0

list of existing panels would be lurrrrvly :)

avpaderno’s picture

Version: 6.x-3.0 » 6.x-3.x-dev
Issue summary: View changes