Skip to main content
Share Your Experience: Take the 2024 Developer Survey

Questions tagged [modal]

A shorthand way of saying "modal window": a panel that appears over and disables the main content, requiring user interaction with it.

Filter by
Sorted by
Tagged with
1 vote
2 answers
47 views

Should there be close confirmation popup on top of another popup?

I have a popup which automatically shows up after a page. This popup is a utility which asks the users if they wish to pre populate a new form by copying responses from one of their previous forms. ...
deep_engine's user avatar
0 votes
1 answer
86 views

Reduce white space and intuitive interaction

The following is a modal where you select information and click download to download a file. This is on a webpage. Works fine. But design wise, finding too much white space created due to the height ...
kar's user avatar
  • 115
0 votes
2 answers
137 views

How best to design a cookie banner for acceptance?

We have taken legal advice and we must now show three buttons on our cookie popup with 'equal' weight and color. We do not want to mislead anyone with dark patterns, but I do want to make sure that ...
MBD's user avatar
  • 1
0 votes
1 answer
86 views

Action buttons for modal in view and edit mode

I have a modal that displays the details of an user or product (view mode). You can click the edit button to show the form (edit mode). Pressing Cancel will bring you back to View mode. And clicking ...
wyc's user avatar
  • 1,591
1 vote
0 answers
40 views

Best way to invite collaborators in a modal?

Background We have a modal (with overlay) that displays a full list of collaborators in a folder (desktop app). It's possible to change permission or remove a collaborator, and search to streamline ...
pluvia's user avatar
  • 11
2 votes
1 answer
122 views

Good alternative for popups that show events?

I'm in a team that builds website templates for a wide variety of informative sites. We've had a lot of users asking for popups on the homepage and we've been saying no because it's a bad design ...
sofarsophie's user avatar
2 votes
1 answer
87 views

Is it a good experience if we use three modals in a row?

I would like to be sure if it is a good experience for the user when, for example, you update your password and then the user selects the "Save changes" button; this action appears in the ...
Eloy Herrera Salazar's user avatar
1 vote
1 answer
55 views

Using fullscreen to view elements without slowing navigation

First question on this stack exchange. I'm designing a web portal for managing computers in a company. Note: This is only made to be used on desktop at the moment. I am having a hard time finding a ...
Davedude's user avatar
1 vote
3 answers
437 views

Disable cancel button in dialog during of performing action

I have a closable modal dialog with primary action "Add". Dialog can be closed without applying of changes by clicking on "Cancel" button, or by clicking on icon "close", ...
Yuri Beliakov's user avatar
0 votes
3 answers
306 views

Multiple Primary Action with two primary button

I'm designing a modal, but I have the problem with 2 primary buttons here. can in 1 modal have 2 primary buttons? Because in this case, the user is required to upload the document so that it can be ...
Rosyidah Suci's user avatar
0 votes
2 answers
88 views

Best practices for consecutive intrusive overlay (Modal)

qq for best practices... My product has to show the user some regulations about an specific product and ask them to agree with terms (Law terms and regulations), therefore it must be an intrusive ...
Marcelo Henrique's user avatar
1 vote
2 answers
476 views

Why does NNG recommend skeleton screens for full page but not for individual components

I need to decide between using a skeleton screen or a loading animation for the contents of a modal. The modal itself contains an image, title, paragraph, couple of CTAs and a carousel at the bottom ...
TDsouza's user avatar
  • 658
0 votes
2 answers
211 views

Any ideas for a half success, half error modal?

I am working on a forecasting tool where a user enters their current week's data and our tool outputs a forecast for the following week's data. The user can have various sets of data. When our tool ...
Michelle Walstra's user avatar
0 votes
0 answers
336 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
  • 789
0 votes
2 answers
131 views

Dropdown in navigation or modal for log in/register?

We've noticed on our website that there's no 'quick access' to users accounts, or to know if they are logged in or not. So I've designed: A dropdown from the my account header in the navigation with ...
Robyn's user avatar
  • 1
1 vote
1 answer
120 views

Landing page explianer video embedded vs modal

We are looking at putting an explainer video on our home/landing page above the fold next to our main CTA's to sign up or request a call. I've seen two main ways to do this: Embedded - the video is ...
Jeff S.'s user avatar
  • 223
1 vote
2 answers
204 views

Do any major E-commerce Companies have Modals in their Checkout Process?

Are the examples of major e-commerce companies using a Modal in their checkout process? Thinking companies like: Amazon AliExpress, eBay, etsy, Flipkart, Groupon, Rakuten, TaoBao, Walmart, Wayfair, ...
nelsonic's user avatar
  • 151
3 votes
2 answers
4k views

Is it necessary to have a close icon and close button on a modal?

I went through the search here and found a similar question from 10 years ago about Windows modals. This is just a regular agnostic modal. Is there a best practice with this case?
keano12's user avatar
  • 63
0 votes
1 answer
135 views

Is it a good idea to add a booking flow inside of a bottom sheet modal

I decided to include a booking flow inside of a bottom sheet modal so that the user doesn't need to leave the practitioner's profile to book an appointment with them. Is this okay?
UXer's user avatar
  • 1
0 votes
1 answer
61 views

I ask for your help in this crazy modal/dialog flow

CONTEXT We are sending companies to the clients from a draft list. The draft list can be viewed and reviewed by clients, who have to decide if they like or not these companies When clients like a ...
Vicepresidente de diseño's user avatar
15 votes
5 answers
4k views

Laymen's description of "modals" to clients

Our company runs about 1,000 websites for various clients, and we just implemented a feature that will allow them to create their own modals in a "back end" that we've created for them. ...
Zak's user avatar
  • 253
0 votes
2 answers
262 views

What tag should you use for the title of a "fixed" dialog? (cookie consent banner, subscribe to notifications, etc.)

For "fixed" dialogs displayed over the page, like a "cookie consent banner" or "subscribe to notifications", what is the recommended tag for the title (e.g. "Your ...
collimarco's user avatar
0 votes
1 answer
463 views

What justifies a full page modal navigation?

What arguments support having a full page modal acting as a hub that takes you to different actions / pages that are linked together? For instance imagine an app where you manage recipes, you would ...
Raphaëlle M's user avatar
1 vote
3 answers
258 views

How to present six or more options in a card / modal on mobile screen (to abort an order)

I am working on an app which is used by workers to complete an order within a fixed/ closed process. Since the process is closed until the order is finished, workers need the option to abort in case ...
Amelie's user avatar
  • 11
1 vote
2 answers
283 views

Label to dismiss a dialog box?

I have a dialog box that is asking a user to confirm the cancellation of a task. Since the main CTA already says, "Yes, cancel this task", it might be confusing for the action to exit the ...
M Bo's user avatar
  • 1,394
1 vote
1 answer
282 views

Can I use both toggle switch and checkbox in one modal?

First of all, I am not a native speaker, I ask for your understanding even if the writing is weird. I'll explain it in as much detail as possible. If you need further explanation, please leave a ...
ASTERISK Kwon's user avatar
2 votes
2 answers
492 views

Edit mode + Side panel/Modal, how to deal with double validation?

I am currently struggling with an edit mode user scenario inside a web application. Context The web application will be used also on mobile, so we can't use “on hover” comportment. 99% of the time, ...
Funkit's user avatar
  • 331
21 votes
7 answers
7k views

Intuitive dialog for choosing whether to close and lose changes or keep editing

It's a pretty simple use case. I have a modal with an editable form. If the user enters something into the form and then tries to cancel, we want to warn them they have unsaved changes, which they'll ...
panta82's user avatar
  • 353
1 vote
4 answers
722 views

Modal with horizontal tabs, each tab has different content size

I have a modal, which has horizontal tabs at the top of it. Below the tabs is the tab content. Each content has different height. Without properly handling it - the modal size will have to change, ...
Tomer Domshlak's user avatar
0 votes
2 answers
82 views

Close/Cancel function: Use Secondary or Warning type button?

Some software systems use the secondary button for cancel/close functions, and others use the warning button (usually red). Which is more correct?
Lorelei Heckmann's user avatar
0 votes
1 answer
980 views

Good idea to design go back button in modal

I need some directions, currently I have a list, if I click one of the items, one modal is shown with information about the item previously selected, and a list of its children, so if I click one of ...
user153300's user avatar
0 votes
2 answers
820 views

What is this mobile bottom sheet UI element called?

I want to communicate the implementation of this kind of bottom sheet to developers, specifically how it's a tall bottom sheet, but you can still see the background minimized underneath. What is this ...
Francesco Fagioli's user avatar
3 votes
1 answer
785 views

Is it a good practise to load contents outside of modal?

There is a dropdown and date-picker inside a modal and the size of the modal is small, so when we click on the date-picker the widget is overflowing the modal. Is this a good practise? or should we ...
uttham's user avatar
  • 1,050
21 votes
8 answers
7k views

Close button position: corner or inside?

This is the modal dialog for the admin page. We had a discussion about the close button position. Which one do you think is better? A is more common and can be seen in many great web apps (Figma, ...
yellingbytes's user avatar
1 vote
2 answers
2k 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
2 answers
2k views

Delete confirmation for items within a modal

I have a modal that contains a table of items. Each item is in a row and a user should be able to edit/delete each item. When deleting an item, there needs to be a confirmation dialog asking the user ...
M Bo's user avatar
  • 1,394
1 vote
2 answers
137 views

Which button layout is the best?

I'm currently working on a modal in app, that can be display in full screen. I'm having some issue about the way to close this modal. In the first situation, we can have a “Fermer” (close) button as ...
Reikurooo's user avatar
1 vote
3 answers
1k views

Best way to show attachments

I've designed an HTML table where each row can contain attachments. Each row has a grey paper clip icon which, when clicked, opens a file selector. The user can then upload file(s) to S3. After a ...
user2402616's user avatar
5 votes
3 answers
2k views

Should closing the dialog clear its fields?

I identified as the most preferrable strategy for user not to lose their data implementation of confirmation/discard dialog when exiting original one. I expect a few more form dialogs to emerge in ...
optimista's user avatar
  • 161
2 votes
1 answer
1k views

Should hitting the ESC key close a modal that has a form?

Typically, when you hit the ESC key, that closes a modal. But if this modal contains a form that the user needs to fill out, that would mean that hitting ESC (sometimes, inadvertently) closes the ...
M Bo's user avatar
  • 1,394
1 vote
2 answers
171 views

What sort of progress indicator would you use for this task?

I have checked online as well as on the forum here that touches on my specific scenario and have not had any luck. Context: User downloads a third party app from our platform but they are missing ...
DavidPicarazzi's user avatar
2 votes
1 answer
1k views

How to best handle a modal with multiple tabs and buttons

We have a modal that is used for an action to Add an item and Edit an existing item. It also has a button to delete the item all together. I am trying to determine the best way to handle the button ...
husseinSD's user avatar
  • 106
2 votes
2 answers
885 views

When displaying an "OK/Cancel" button group that is right-aligned should the main action be on the right?

I am designing an "OK/Cancel" button group on a modal hence this button group is right-aligned. Since this is the case I have placed the main action button "OK" on the right, and ...
MACC's user avatar
  • 195
2 votes
1 answer
462 views

What is the best way to add edit and delete buttons to a modal?

I have a task data visualization modal, but I need to add an option to edit or delete these tasks. Where in this modal could I insert buttons to delete or edit?
Cristiano Felipe's user avatar
0 votes
2 answers
304 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
1 answer
306 views

Show/Hide Toggle for a Toggle

We have a toggle available in our main screen, to enable/disable an important functionality. Since, only 30% of our users use this functionality at least once per month, we are considering to (...
Dimi's user avatar
  • 119
27 votes
5 answers
7k views

What is better: to have a modal open instantly and then load its contents, or to load its contents and then open it?

Let's say you have a button. When you click it a GET request is fired for some data (for this example assume that the data cannot be prefetched). Then a modal opens and displays that data in a pretty ...
Ryan Peschel's user avatar
2 votes
2 answers
882 views

Align width of dropdown menu to?

In the past I ran often into the problem, that I did not know how to decide the width of a dropdown menu. I as a designer don’t mind to just eyeball a good-looking width, but developers would love to ...
VeryCatchy's user avatar
1 vote
1 answer
79 views

Is this called Handle or Grip?

I was wondering what the correct discription for the little handle within an iOS Modal is? The little Handle on the very top of the Modal....Is it a handle? Or a Grip?
Mikeux's user avatar
  • 51
2 votes
2 answers
607 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 ...
harshikerfuffle's user avatar