Questions tagged [modal-view]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
196 views

Should modals have a route?

We use modal dialogs in our web application for actions such as deleting or creating an entity. These modals could be rendered as "on page actions", which are stateful and relative to the ...
qsi's user avatar
  • 779
1 vote
2 answers
927 views

Maximum modal size?

I am working on a problem where we need to show the users a preview of an image through a modal. We want them to have the maximum possible view within a modal and not create a separate page for that. ...
Ahmad Khan Niazi's user avatar
1 vote
0 answers
194 views

Why does handlebar not appear consistently in the native iOS UI design?

Handlebars usually appear at the top of Modal View: But in other system-level views, there is no handlebar, even if they functionally act like a Modal View. (For instance, this screen, where you can ...
Yida Zhao's user avatar
0 votes
2 answers
277 views

Modal over another modal [duplicate]

we have a new feature annoucement pop up which comes once to the user on our dashboard. when we speak about new feature it is ideal to show the the demo video as well i feel. so we have inluded a ...
Hithesh vk's user avatar
1 vote
0 answers
210 views

Position of Done button on iOS WebViews

On iOS modal screens, I’m following a pattern of always positioning key/affirmative actions on the right (Save, Add, etc) and dismissive actions on the left (Done, Cancel, Close). However, if a ...
Goren Berdichevsky's user avatar
0 votes
1 answer
580 views

Is it okay to show the loads of data on modal or on the new web page?

I am working on an application which has some data in tabular format. There is a view button for each row. So my question is: After clicking on that button, should I show the data on the new web ...
Prathamesh Koshti's user avatar
2 votes
1 answer
251 views

Warning/ Information on top of a Modal

I want to give users a warning on a modal that changing one form field has implications on another form field. I am aware of 2 patterns that are used as shown here. I am seeking suggestions on what UI ...
harshikerfuffle's user avatar
6 votes
2 answers
1k views

What is the name of this UI element?

I tried to find out the name of this, but I can find nowhere. So, I just call it 'Modal View Handler' Is that correct name? anything else? Thanks in advance.
Jun-hyuk Jang's user avatar
5 votes
3 answers
6k 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 ...
Stefano Fenzo's user avatar
2 votes
1 answer
2k 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-...
Goren Berdichevsky's user avatar
1 vote
1 answer
493 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 ...
colmcq's user avatar
  • 8,250
1 vote
1 answer
190 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 ...
Alvaro's user avatar
  • 16.8k
10 votes
2 answers
3k 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 ...
Alvaro's user avatar
  • 16.8k
11 votes
3 answers
5k 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,...
Fuzzy Analysis's user avatar
2 votes
1 answer
1k 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" &...
Jacob's user avatar
  • 183
0 votes
2 answers
72 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 ...
Sknny's user avatar
  • 1,332
2 votes
1 answer
185 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 ...
user77069's user avatar
2 votes
4 answers
182 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 ...
claudia's user avatar
  • 21
0 votes
2 answers
874 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. ...
Richard Parnaby-King's user avatar
10 votes
2 answers
1k 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 ...
ahwulf's user avatar
  • 201
7 votes
2 answers
3k 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 ...
viki's user avatar
  • 71
0 votes
1 answer
201 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 ...
Jarede's user avatar
  • 123
0 votes
2 answers
1k 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 ...
tacos_tacos_tacos's user avatar
3 votes
3 answers
240 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 ...
user32343's user avatar
27 votes
2 answers
17k 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 ...
Steve H.'s user avatar
  • 385
7 votes
4 answers
2k 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 ...
yeahumok's user avatar
  • 303
2 votes
1 answer
206 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 ...
Mr_Spock's user avatar
  • 152
3 votes
2 answers
217 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 ...
Thierry M.'s user avatar
0 votes
1 answer
586 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 ...
Itumac's user avatar
  • 4,774
2 votes
1 answer
260 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 ...
dstxus's user avatar
  • 21
3 votes
2 answers
784 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, ...
hollzy's user avatar
  • 53
2 votes
1 answer
587 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. ...
Liam Johnston's user avatar
8 votes
2 answers
9k 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: ...
Sergie Magdalin's user avatar
32 votes
4 answers
18k 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 ...
Jason's user avatar
  • 695
3 votes
2 answers
8k 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 ...
AppsDev's user avatar
  • 591
1 vote
4 answers
3k 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 ...
Cristian's user avatar
  • 197
2 votes
2 answers
202 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" ...
Randomblue's user avatar
  • 2,163
3 votes
1 answer
2k 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 "...
Randomblue's user avatar
  • 2,163
2 votes
3 answers
2k 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 ...
Michael Histen's user avatar
2 votes
2 answers
216 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 ...
Steve Moser's user avatar
7 votes
5 answers
3k 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 ...
Marco Staffoli's user avatar
9 votes
2 answers
526 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 ...
stringy's user avatar
  • 433
8 votes
9 answers
2k 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, ...
Grace Huang's user avatar
3 votes
2 answers
493 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 ...
user avatar