Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

Questions tagged [collapsible-panels]

A user interface element, where content can be shown or hidden.

Filter by
Sorted by
Tagged with
0
votes
2answers
140 views

Is this an accordion or not?

If you have scenario where you have a card component that can be expanded and collapsed independent of other cards eg. when expanding this card, other cards do not collapse. Is this still an ...
0
votes
3answers
640 views

Expand / collapse details

I want to ask you for suggestions about expanding and collapsing some details from a document. I have a link for the prototype, just press show details/ hide details. Do you have any better idea for ...
0
votes
1answer
401 views

Problem with 3 or more level of tree-view UI on Mobile

I had come with a problem with review/summary screen on phone that requires the information to have 3-5 level of tree-view. Generally on mobile phone UI, nested information will be shown on another ...
3
votes
2answers
319 views

Should a collapse automatically scroll

Content from collapsing items can render 'below the fold' should the behaviour be to push them above the fold so users can see or is auto scrolling worse experience? Example of collapse Example of ...
1
vote
1answer
284 views

MOBILE VIEW: additional info in horizontal scroll vs. modal vs. accordion

I am working on the mobile view of a website with profiles on it. On those profiles there are a lot of categories/groups filled with tags and other information. In order to keep the page clean and the ...
0
votes
2answers
410 views

Expanding and minimizing panels on a Dashboard

I'm looking for guidelines when it comes to web app dashboards. Specifically I'm designing a dashboard which has 3 main panels, these panels are expandable so the users can view each panel in more ...
1
vote
2answers
1k views

collapsible panel and delete button in a web application

I'm developing a web application and I need some advice on where to place the delete button Users can create, modify or delete items arranged as a list of vertically aligned elements. Each element ...
3
votes
2answers
1k views

Minimalistic expandable / accordion menu button style

I'm trying to make a sidebar/panel to filter products and overall I use minimalist/flat design. Here is the layout, collapsed and expanded. My problem is, as you can see, the accordion button (filter ...
15
votes
3answers
3k views

Need a better layout, so that blank space can be utilized

Here - I don't want to repeat the same ID, first name and last name to all the subjects so I used expand buttons. - This approach significantly reduces number of rows that are visible when all the ...
2
votes
1answer
400 views

What is the best icon to communicate the “Show Details” link? [closed]

What would you use as icon to expand a box including some details (i.e. regarding a product specification)? Would you use the same icon to expand details about a single datum in an array of data (such ...
3
votes
0answers
79 views

Should modals/lightboxes/panels/etc. remain open on reload? [closed]

I was just visiting a certain site where I clicked search and a full page overlay search box came up. I wasn't getting results and didn't feel like hitting backspace a bunch so hit refresh and the ...
1
vote
3answers
623 views

Is there a preferred location for Expand / Collapse?

I'm in the process of designing a form that contains both required and optional groups of information. We currently use group section headers throughout the application so I've leveraged them here ...
1
vote
1answer
69 views

Restaurant daily menu - days to show

I'm currently working on a minor redesign for a restaurant/pub website. This restaurant serves a daily menu, which means that it changes for every day. On their current website, the menu is always ...
4
votes
2answers
126 views

Is there a downfall to using collapsible panels for a contacts list, rather than linking to an additional profile page?

Right now our site has a Contacts page with a list of contact profile names which link to a separate profile page. My team suggested we design an accordion style (expand/ collapse) list for our ...
0
votes
1answer
355 views

Panel navigation back/expand/collapse

I'm having a hard time to find the most intuitive panel navigation. Here is what I'm working on: To expand/collapse the panels, the user has to click the white triangle on the top right. The panel ...
4
votes
1answer
286 views

What is this sliding window element called?

I've been trying to figure out the name for this element but I've been having trouble finding it. It should snap in three locations: to the top of the screen, to the bottom of the screen, and a 5th of ...
4
votes
1answer
385 views

Pop ups VS Collapse blocks for adding new info

when i want to add a new field for an existing entity, to add a new field it is required to submit a 3 fields form. is it better to open the form in a pop up and disable the background or is it also ...
1
vote
1answer
2k views

Expand/collapse all - Combined or separate button(s)?

Note: This isn't a question about which icons or labels to use. It's purely about usability. So, I have a page with expandable panels and I want to add a button to expand/collapse all panels. Now, I ...
1
vote
1answer
985 views

Expand / collapse all buttons above accordion

I have a typical accordion with 7 items that can individually expand or collapse. I want to place a collapse all and expand all button above the accordion, but it seems kinda misplaced if it is just ...
0
votes
2answers
810 views

Responsive Shopping Cart

Below is the Wireframe for the Shopping Cart which automatically scrolls along the height of the content area in between the header and footer. Now in the smaller screen where the content will ...
2
votes
3answers
2k views

Best UX for creating or saving a “pre-set filter” or “favorite view” in a huge listing with filtering options (checkboxes)

Background A user is presented a panel with a big listing. There is a default view, but the user can also filter the listing to refresh the "panel". There are two sequential and almost dependent ...
1
vote
1answer
138 views

Positioning the same confirm button for 3 different panel displaying situations

I have two panels that are hidden/showed depending on the value of the "State to assign" dropdown. I've been doubting about placing the Confirm button: In a fixed position, for example: the bottom ...
4
votes
3answers
853 views

What is a good design choice for two collapsible panels on the left?

Our company UI standards enforce the following overall design: Left hand side of the window contains a menu (what would have been navigational tabs otherwise) Right hand side is the app working area ...
0
votes
2answers
179 views

What is a common term for the slide-able “info panel” on the bottom of certain smartphone apps?

I'm developing a smartphone application that displays a Google map. When a user taps a place on the map (for example, a restaurant), I want to display an "info panel" on the bottom of the app that ...
4
votes
2answers
373 views

When you have a side panel open, and the user scrolls, is it better to leave it open or to auto close the panel?

Say you have a side menu that opens from one side after clicking on an icon in a website. This menu would take more than 40% of the view-port in the horizontal direction. If the user scrolls down, is ...
0
votes
1answer
168 views

Discoverable control vs labeling controls

I have a site that I'm designing that will use a collapsible property grid on the right of the screen to display additional information about certain items a user selects. It is not always visible, ...
1
vote
4answers
1k views

Best approach to presenting collapsible/expandable panels with radio button headers

The user will be presented with multiple options (as radio buttons), and he/she must select one option before proceeding to the next step. The individual sections will be expandable/collapsible for ...
4
votes
5answers
846 views

Should I use Collapsible Panels on Landing Page or something else?

I am looking to build a landing page for new users from advertising. On my site, there are several ways to get what you want -- all of them equal weight from my perspective -- but with different ways ...
5
votes
5answers
4k views

Which UI is more user-friendly and effective: Tabs or Collapsible Panels?

Not sure if the collapsible panels have a different name but I have seen them referred to as rollouts. I have used many applications that use one or the other or both, but I am wondering if there are ...
11
votes
2answers
4k views

Responsive Secondary Menu

I have a layout similar to the below screenshot. Where the top nav will get collapsed using hte Twitter Bootstrap Nav Collapsed. Also i have a secondary menu below the nav bar on the left hand side ...
0
votes
2answers
779 views

Expanding Panel placement

I'm designing a feature for a product, which is going to bring down a panel that contains a list of virtual machines. The user will use this panel frequently to - start, stop and deploy services into ...
4
votes
1answer
312 views

Dynamic added Tabs vs Dynamic added collapsibles

We are creating dynamic multiple steps form where we have dynamically added form fields by the user and we'd like to group these fields under a common title in either tabs or collapsibles for example: ...
2
votes
1answer
639 views

Event notification & Activity notification - on the same page

My first ever question on UX. The problem is with a desktop web app, it currently plays host to an "activity" ticker (where activities of other users and self are displayed in a cubic spin animation ...
1
vote
1answer
352 views

Better paradigm for a Blender-style interface; lots of control panels and property panels

I am designing an editing application in html/js. After a while, I end up with a lot of different "panels", and I am having trouble displaying them all to the user in an efficient way. Sometimes it ...
2
votes
2answers
465 views

Using icons as checkboxes?

How unusable is it to use icons as checkboxes? It's a cool concept when it is implemented, however I am worried that it is not obvious that the icon is clickable. What are people's opinions about a) ...
2
votes
4answers
487 views

Resizing a Chart

A system that I'm working on has a pane with a chart displayed under a table. The user can choose to resize the pane to see more of the table. However, when this happens, the chart gets squeezed ...
2
votes
1answer
2k views

Ways to collapse sidebar as much as possible

OK, so here are two screenshots of classic collapsible sidebar: As we can see, when collapsed, sidebar still holds some space. The question is - what design patterns can be used to overcome this ...
4
votes
2answers
871 views

A special case of tree-view/collapsible panels

This might be considered a sort of special case of the issue described here: Which way should arrows point in a collapsible accordion? Left/down … down/up? I have this scenario: As can be seen in ...