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.
116
questions
0
votes
2
answers
120
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 ...
0
votes
0
answers
81
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 ...
0
votes
2
answers
48
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 ...
0
votes
1
answer
28
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 ...
1
vote
1
answer
93
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, ...
3
votes
2
answers
501
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?
0
votes
1
answer
55
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?
0
votes
1
answer
56
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 ...
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. ...
0
votes
2
answers
130
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 ...
0
votes
1
answer
260
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 ...
1
vote
3
answers
142
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 ...
1
vote
2
answers
148
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 ...
1
vote
1
answer
183
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 ...
2
votes
2
answers
262
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, ...
20
votes
7
answers
5k
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 ...
1
vote
4
answers
402
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, ...
0
votes
2
answers
78
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?
0
votes
1
answer
539
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 ...
0
votes
2
answers
414
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 ...
3
votes
1
answer
747
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 ...
21
votes
8
answers
6k
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, ...
0
votes
1
answer
384
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. ...
1
vote
2
answers
748
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 ...
1
vote
2
answers
131
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 ...
1
vote
3
answers
421
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 ...
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 ...
2
votes
1
answer
623
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 ...
1
vote
2
answers
164
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 ...
2
votes
1
answer
732
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 ...
2
votes
2
answers
479
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 ...
2
votes
1
answer
398
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?
0
votes
2
answers
249
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 ...
1
vote
1
answer
265
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 (...
27
votes
5
answers
6k
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 ...
2
votes
2
answers
550
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 ...
1
vote
1
answer
78
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?
2
votes
2
answers
362
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 ...
0
votes
1
answer
454
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 ...
2
votes
1
answer
183
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
2
answers
152
views
Hover up modal over another hover up modal in mobile UI
Is it better to use a hover up modal over another hover up modal on mobile UI? In the current situation I want to open an information page when the user taps on a certain card, and that information ...
1
vote
3
answers
288
views
Is it okay to display list of members/users in a modal?
I'm currently designing an interface similar to Slack/Discord.
Is it possible to display the list of members in a modal? I've already checked multiple platforms (Discord, Slack, Quora, FB) but they ...
2
votes
3
answers
98
views
Should browser page back present modals as well as pages?
Currently, on using the browser back button, our site pages back through not only the pages but any modals used. So if the modals were part of a 'series' (e.g. three consecutive modals to capture ...
1
vote
1
answer
704
views
Could i use a drawer within an overlay modal?
I'm prototyping a candidate selection application for a job agency. The client needs a module in which they can filter to search for the right candidates for a job. When they click on a candidate in ...
1
vote
4
answers
840
views
Really long list inside a modal-- fix the height of the list and make it scrollable?
I have a modal with some options that are selectable. It's currently longer than the screen. You can of course still scroll the full screen.
Should we make the list a smaller fixed height and the ...
4
votes
1
answer
4k
views
Best size for modal
I am designing a modal for enterprise application. What is the optimal size for modal width and height. I need to design one for small medium and large..
Is there a resource or user research done ...
1
vote
3
answers
959
views
How to define modal size?
I want to design a modal-dialog, which contains a stepper. Also in some cases, the input fields are not too many and in other cases, they are A LOT of them.
Which means if I predefine the size of the ...
0
votes
2
answers
81
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 ...
2
votes
1
answer
62
views
Need help with showing information in a limited space
Well, it is my first time seeking help for user experience design, so pardon me as I am not accustomed to the proper rules.
I have an information card which shows a thumbnail for a video and below it,...
1
vote
1
answer
69
views
Is it bad UX for a form to be presented in different formats (either in a modal or separate page), depending on context?
I'm designing an internal tool in which a user, at certain points, will need to fill out a fairly detailed form in order to add a piece of content to our user-facing platform.
However, the challenge ...