Questions tagged [modal-windows]

A graphical control element subordinate to an application's main window that requires users to interact with it before it can return to operating the parent application.

Filter by
Sorted by
Tagged with
1
vote
1answer
77 views

Table (in the modal window) with actions which require another step

I have a modal window with a table of items. Items have different statuses and the user can change the status. For example, from Not shipped to Backordered. The problem is when yo have the item ...
0
votes
1answer
44 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. ...
0
votes
1answer
25 views

Modal dialog with form workflow

I have a discussion with colleagues about what is the correct dialog workflow. My scenario is: Open dialog Enter and validate data (disable submit button if data is invalid). Submit the form to API. ...
0
votes
1answer
93 views

Is it a good idea to have forms in a dialog/modal lightbox?

I am working on a banking application ( banker will be the end user ) where the user is required to fill several forms across the application to add various customer details, and as per the framework ...
2
votes
2answers
43 views

Delete value in a modal

I have a page that contains a section that has a button for the user to assign a contact. This button will bring up a modal that has a field where the user can input the contact's name. Adding a ...
1
vote
2answers
93 views

Two modals at the entrance to the site

We design a global website, and it is important for us to inform the user which website he is on so that he can pick the country that suits him. As in the example of Apple: Although from a regulatory ...
2
votes
1answer
66 views

Is it OK to break with a design system in certain cases?

I am designing a lengthy questionairre (36 questions). Per our design system, I am supposed to use a modal popup (because it will make production faster). I think that I should break with the design ...
2
votes
0answers
50 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 ...
1
vote
1answer
44 views

Best pattern to display info on modal + link for more info

I am struggling in finding a good pattern for this problem, or maybe I am just overthinking. In a mobile app, my client wants to display important privacy information for kids, willing to 'disrupt' ...
0
votes
1answer
61 views

Material Design | Dialoge from floating action button - how to do it? Is it even a good idea?

I'm designing a dark-mode-first desktop website for an online media organization. One of the key characteristics of the organiation is its community, and how open, friendly, inviting and communical it ...
1
vote
1answer
99 views

Should a popover include an arrow or not? [closed]

I'm trying to decide if popover panels should include an arrow pointing to the component that triggered it, or if this is an unnecessary element. Others' Approach Here are some of my research on this ...
1
vote
1answer
137 views

Do you need a close button to dismiss iPhone sheets?

In iPhone, you can dismiss a sheet (popup) by swiping down on it. Is adding a close button (x on a corner) also necessary? Do you think iPhone users will know that that's how you dismiss it? I have a ...
2
votes
1answer
90 views

Mobile UX: Open full page overlay by clicking on a tab

I am creating a mobile UX in which the user presses on a tab in order to capture a 3D view of an object. Clicking on the tab opens an image capture overlay straightaway. The other 2 tabs as shown in ...
2
votes
2answers
136 views

Why is a cancel "X" icon required if there is already a "Cancel" option in a modal?

We are following this pattern, inspired by Mac and Windows OS, but I don't have a solid answer for why web apps use it. What is the importance of the X button? Is it really required?
0
votes
2answers
109 views

What's the rationale for having the close button on the left instead of right?

I just came across this modal from Airbnb with a different close button position. It is normally on the right but I wonder what's the reasoning behind this.
1
vote
2answers
84 views

What would be most efficient way to search through database tables and pick columns?

I am tasked with designing a modal screen where data scientists and business analysts should select different tables from database and then if necessary narrow down the selection by (optional) ...
1
vote
1answer
86 views

Selecting non-working days/holidays in settings - what would be the best approach?

I'm trying to come up with quite a tiny feature. A user (admin, rather experienced with this software) should be able to pick multiple dates (usually it will be around 15-30) that will be later ...
1
vote
1answer
117 views

Dynamic or Fixed height for Modal window

Need your help to clarify one query related to the modal. My question is whether the modal height should be dynamic or fixed? Dynamic I refer to is that the modal height varies based on the amount of ...
0
votes
2answers
173 views

Is nesting modals considered a good practice and what are the alternatives?

Within an editor, I open a slide-up panel to manage some assets, but I would also need to add some additional assets. Which would bring me to adding a second layer on top of the first one. Would it be ...
0
votes
2answers
147 views

Is it advisable to use a dialogue modal to contain a complex form?

I have an application divided into list, edit and dashboard pages. Each application entity has its own list and edit page. Does it make sense to modify the application by going to the list page and ...
1
vote
0answers
300 views

Shortcut Key for OK Button on Dialog Box with Grid

In a desktop app, I have dialog boxes that contain one or more small grids, various other simple controls, as well as the usual OK/Cancel buttons. Grids pose a problem to the usual use of Enter as a ...
0
votes
3answers
277 views

Is it acceptable to have three call-to-action buttons?

I'm working on an application that displays a dialog box. This dialog box prompts users to switch to a new editor. That will be the main call-to-action (CTA). The 2nd CTA will be to retain their ...
2
votes
4answers
595 views

Why modal on modal is bad?

I'm newbie when it comes to UX, there's a thing I don't understand and couldn't find answer to that. So I hear every now and then that modal on modal is bad. But I don't understand why and no one ...
7
votes
4answers
518 views

Why does Airbnb put the close button for a dialog on the top left corner?

It seems this pattern is quite common in mobile apps, but not so common on the web. (Assuming that most people use their right hand to control the mouse)
2
votes
2answers
127 views

Change size of modal in wizard experience

I am building a wizard experience to guide a user through a complex setup flow. In the flow, some steps require more space and some require less space. Does it make sense to change the modal size on ...
4
votes
1answer
70 views

Showing a full screen dialog to view a full list of radio button selection

I'm designing a sort of step by step process for mobile web using a stepper to get a bunch of information from a user. One of the steps requires a user to select from a list of (about 20) pre-defined ...
0
votes
1answer
113 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 ...
1
vote
1answer
88 views

What's a better alternative to using tool tips on a modal box on mobile

I'm working on the mobile web adaptation of a desktop design. The desktop version uses a modal box, on that modal box there are tool tips that can be hovered on or clicked for more info. When ...
2
votes
1answer
64 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 ...
0
votes
0answers
75 views

Save search in modal popup

I have a modal popup for save search. to save it I am using popover with name of search and a dropdown under which category I want to save it. https://element.eleme.io/#/en-US/component/popover It ...
6
votes
6answers
356 views

Remember dialog sizes or not?

A lot of program dialogs can be resized. Some programs remember the new size of the dialog after you've resized it. So next time you open the same dialog, the new size is being used. Right now in the ...
0
votes
0answers
133 views

Focus behavior in a modal navigation drawer?

How should focus ideally behave in a modal navigation drawer (much like the one from Material Design)? The modal would appear when I webpage is viewed on a small screen, be opened using a hamburger ...
2
votes
2answers
1k views

Enter key action on modal dialogs

The action of the Escape key on a modal dialog is clear in that it closes the dialog, effectively clicking a 'Cancel' button or similar. However, what is the current consensus of the Enter key while ...
1
vote
1answer
139 views

Use of summary step at the end of Wizard UI?

I am designing a wizard about adding events on a calendar. The last step of the wizard is the summary of the user's choices. Is it obligatory to use it, or can I skip it? PS. Number of Steps with ...
0
votes
2answers
60 views

Open message in modal or in separate page?

Unfortunately I can't provide visual examples now, I hope that's not a problem. The question is simple: we have an inbox, which displays all the private messages a user has received, nothing new so ...
1
vote
5answers
763 views

Placement of Help button: left or right to OK/Cancel

I'm adding help to a Windows desktop application that is being in use since the Windows XP era. All the modal dialogs display the typical OK/Cancel button set placed at the bottom right as shown in ...
0
votes
1answer
60 views

Using a modal to display a dynamic form?

So currently I am building an interface that consists of user created "Documents" which can have a variable number of "items" associated with it. The problem is that I am not sure what is the most ...
1
vote
1answer
144 views

Feedback modal upon exiting beta

We're releasing a new feature which will be beta tested. We're exploring ways in which we can collect feedback about the feature and one way was to surface a modal if the user decides to opt-out of ...
2
votes
2answers
112 views

If a user clicks an action link from w/in a modal and is then taken to a separate page, do they return to that open modal after completing the action?

I'm designing an internal tool that enables my coworkers to curate post-op care plans for orthopedic patients on our platform (basically sending educational content to users at specific intervals). I'...
1
vote
1answer
229 views

What to do if the primary action is actually to confirm a cancellation? [duplicate]

I'll ignore the fact that it isn't obvious what '20190927.6' is from the screenshot (it would be more obvious in the workflow context). Obviously someone is following the pattern that the primary ...
9
votes
5answers
3k views

Is using a hyperlink to close a modal a poor design decision?

So I'm having a bit of back and forth with our UX designer who I defer to given his superior knowledge of the field. However, part of his design does not sit well with me and I'm unable to swallow it,...
3
votes
3answers
351 views

Modal button positioning on mobile

I am designing a design system for my company and am currently looking at designing the modals and dialogues for both desktop(tablet too) and mobile. I have placed the primary action to the bottom ...
1
vote
1answer
218 views

Disabling a modal dialog while waiting for the server

We're making a react web-app for business users We use a modal dialog for editing data. When the user clicks "save", the data get sent to the server. Usually, the server answers pretty fast (< 200 ...
2
votes
3answers
3k views

When to use 'View more' and 'Show more'?

I am using 'Show more' and using modal window to show the hidden content (see the attached image). Do I need to use 'show more' or 'view more'?
0
votes
2answers
108 views

Confirmation Pattern deleting a comment in Google Suite

Context I would like information about the current pattern to delete a comment from an app of the Google Suite. Where and How to find it Remove a comment made in Google Docs, Google Sheets, etc. ...
0
votes
3answers
825 views

Can a toggle trigger pop up?

I had a doubt whether a toggle can trigger a pop-up screen/modal? But it's not a confirmation modal/pop-up screen. For example: Turning the toggle to ON state will open up settings modal.
1
vote
2answers
1k views

Modal and overlay behavior - When to close the modal

Considering a modal/popup over an overlay, I know that there are certain acceptable ways (as per need), as to which interaction should close the modal, as below: Clicking on overlay Hitting esc key ...
2
votes
2answers
112 views

2 selection buttons 1 preferred but with different input types

I have 2 login forms in the same page: login with username&password, login with emailaddress&password. I separated forms with tabs but 1 of the login forms is always selected as default ...
1
vote
3answers
603 views

Best practices: Position of cancel button in modals

I am currently working on modals for our software and I have been placing the 'Cancel' button always on the extreme left (Version A in picture). However while documenting myself more on modals, I ...
3
votes
5answers
672 views

How can I avoid triple confirmation modals

While at the supermarket a while back, one of the actions the clerk performed on the POS had a triplet of confirm modals on it, literally: Are you sure you want to <action>? Again, are you sure ...

1
2 3 4 5
7