Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

The tag has no usage guidance.

3
votes
2answers
129 views

Display Modal over another Modal, it's really a sin?

I'm currently working in a web app for technology transfer offices and I've been avoiding at all costs to display a Modal window over another one that's already open. To give more context, there is ...
2
votes
1answer
530 views

Placement of 'Cancel' action on an iOS navigation bar in a modal view?

In the case of two actions such as Cancel and Done, I would usually place Done on top-right and Cancel on the left. In the case of a single action such as Done, I would usually place it on the top-...
1
vote
1answer
111 views

using modals for inputting data into a table

I have an interface and the central part is a data table of objects with various attributes. Above the table are various functions that allow the user to perform functions such as editing something ...
1
vote
1answer
97 views

Modal box navigation left/right or up/down?

On a site with a vertical scrolling layout where images are displayed one below the other, and clicking an image opens a Modal box to display it in a bigger view, navigation to the next and previous ...
9
votes
2answers
849 views

Should opening a modal box change the browser history?

I am displaying images which can be clicked to be opened in a modal box (like this plugin does) and zoomed when pinched on touch devices (like this demo). The actual modalbox is as follows: It ...
8
votes
3answers
2k views

Are modal dialogs WCAG compliant?

Are modal dialogs WCAG compliant? I understand that pop-ups of any kind do not meet WCAG requirements, and I assume this includes modal dialogs? For example, I am working with a Primefaces component,...
1
vote
1answer
394 views

iOS: the difference between “Done” & “Save” when affirmatively completing a modal task

In a modal view in iOS, the Apple provided (and localized) button titles to affirmatively complete the task and close the modal are "Add," "Done," and "Save." The difference between "Add" and "Done" &...
0
votes
2answers
59 views

In adding an item using modal, if user has inputted that is not required, what's the best confirmation if user clicked outside the modal or press ESC?

In adding an item, if user has inputted either required or not required, what's the best confirmation if user clicked outside the modal or press ESC? Some scenarios could be a user accidentally press ...
2
votes
1answer
146 views

An extra edit mode button for convenience of scrolled content?

Any concerns with 2 Edit Mode buttons that switch the entire view to edit mode? Second is just for convenience if scrolled. The Edit button is required as visual elements appear in this modal view ...
2
votes
4answers
137 views

On an application that does heavy calculations, with underterminate progress indicator, should we have a cancel button?

The application I'm working on performs very heavy calculations. Right now we're using an undeterminate spinner. I go nuts from this and can imagine our users get even more annoyed with it. I thought ...
0
votes
2answers
546 views

Product image zoom on mobile device - modal or new window?

On a product web-page on a mobile device (in this context this is limited to mobile phones and phablets. Tablets and desktop machines are exempt) the main product image is still quite small. ...
6
votes
1answer
553 views

iOS using tabs in modal view to show camera/multiple photo galleries

In our app there are many pages of forms, and each page can have (or requires) photos attached to them. Photos can come from the camera, photos previously taken, or a view of certain photos from the ...
4
votes
2answers
520 views

How to show “more info”? Modal Vs Deeper Page?

I'm designing a web application that contains some tables with data entries/rows that all can be edited in some way. We only present a limited amount of information about each data entry in the main ...
0
votes
1answer
145 views

how to deal with dynamic long forms going off the screen?

I'm working on a new feature that allows people to share items. To do this i'm overlaying a modal on our site with 10 e-mail address input fields. As you can see, because of the spacing on this ...
0
votes
2answers
466 views

Should a login navigation item be displayed in the navbar if it opens a modal while the others open a different page

My fixed top navigation bar has five links of equal sizes: the three on the left go to content-related pages; the two on the right access user account functions. One link, "Register," opens up the ...
3
votes
3answers
199 views

Task Feedback Screen - Multiple Choice

I'm designing a feedback screen for a task management system. I require the user to tell the system if they have completed the task or not: If they have completed the task the "How did you find the ...
22
votes
2answers
11k views

Forms: Modal dialog or separate page in single page app?

In my application, I have pages that show lists of some objects, for example "People" or "Contracts". From these pages, the user may create a new object. Often these objects only have a handful of ...
7
votes
4answers
793 views

Redirecting a user from a modal window

I have an application that's quite complicated -- and unfortunately there's a TON of data that needs to be displayed...and not enough room. I have a 2x3 grid with "objects". These objects contain ...
2
votes
1answer
172 views

Why is the modal Twitter profile window draggable? [closed]

When you click on a person's tag on the Twitter website (found in bold, aligned leftmost from the tweet message), a modal window is displayed. That window is draggable, but there's no (obvious) reason ...
3
votes
2answers
169 views

Placing a donation – modal or a separate screen?

I am currently working on improving a donation task flow which is similar to the ones of the major crowd-sourcing platforms, however, there are no donation tiers involved, just dollar amounts. As ...
0
votes
1answer
464 views

Is there any definitive research on modal/overlay forms? Specifically, dismissing behaviors

I am interested if there is any specific research or user research on dismissing modal or overlay form dialog boxes. The pattern that includes a semi opaque overlay of the application with an input of ...
2
votes
1answer
216 views

Should the link in search results open the page in a specific state - e.g. with accordion open or with modal open?

I recently found a great write-up about SEO and anchored links . In particular, I found the following to be very helpful: For longer or more complex pages, search engines frequently create ...
3
votes
2answers
708 views

Responsive solution for quick view on grid items

When showing a grid view of items for desktop and tablet screen sizes, are there any examples or suggestions of how to offer a quick view option for both mouse and touch devices? Often on websites, ...
1
vote
1answer
182 views

Default settings with overrides

Really struggling with this complex form, looking for a better approach. I have a stock management tool. It allows my customers to edit details of individual stock items across all their branches. ...
8
votes
2answers
8k views

Benefits and drawbacks of modal windows

I'm working on a web application and am a little stuck trying to figure out how I should implement signup forms, login forms, contact forms, and payment forms. I can implement all these in either: ...
25
votes
4answers
8k views

Research on scrolling within modal (web)? pros/cons?

From a web UI perspective, is there any research or defined best practices in regards to scrolling within a modal window? Please provide specific links, studies, etc. I am of the school that a modal ...
1
vote
2answers
5k views

Modal vs non-modal views in iPhone

I've been reading and looking at different iOS apps to design the UI for mine, and it feels like sometimes the difference between using a modal view or a non-modal view is not entirely clear... for ...
1
vote
4answers
2k views

Scrolling inside overlay or on the whole page

I have this web-app that has mostly web pages with search results (such as google is), so there's scrolling normally. But I have this scenario that you can open an overlay that shows additional ...
2
votes
2answers
152 views

Expressing that new password is optional

I have an "Edit user" modal that I'm trying to polish. This is the state of things: My main concern is that it is optional to enter a new password, and this is not made clear. If the "New password" ...
3
votes
1answer
1k views

Edit user modal box [duplicate]

Possible Duplicate: Expressing that new password is optional I have built a simple user management system on my webserver. There is a list of users, each of which is either "Administrator" or "...
2
votes
3answers
1k views

Clickable “hot spot” functionality

I'm having trouble researching a particular design pattern because I don't know what to call it -- internally we refer to this concept as a "hot spot" but that doesn't seem to be standard jargon. It ...
2
votes
2answers
175 views

How do I allow a user to override a schedule?

I'm designing an app which will allow a user to both schedule playlists at different times of the day and override that schedule to play a playlist. How do I communicate to the user that playing a ...
4
votes
5answers
1k views

Create / Modify in a modal window

Suppose we are in a backend admin website and we are in the page that show us the list of products. Now we want to insert a new one product. The insert/update form should appear: A) in a modal ...
9
votes
2answers
471 views

How much /what type of content is appropriate for a modal window?

From reading previous questions about modal windows, my understanding is that they're best used for short required processes, or for providing help/info during a process that shouldn't be interrupted ...
8
votes
9answers
1k views

Do many spinners on a page look good?

Our engineers are making some changes to our RESTful service calls, so on one page we are making many calls to get different contents through different AJAX calls to fetch small amounts of data, ...
3
votes
2answers
455 views

After switching to Safari, should I close a modal view or should I not?

I am creating an iOS app in which the user can tap an astronomical object. When this astronomical object is tapped a modal view slides up (from the bottom of the screen). This modal view provides the ...