Questions tagged [modal]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
1
vote
1answer
33 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
2answers
108 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 ...
1
vote
1answer
90 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
2answers
75 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
1answer
46 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
2answers
68 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
1answer
55 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 (...
25
votes
5answers
5k 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
2answers
88 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
1answer
57 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
2answers
62 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
1answer
59 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
1answer
45 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
2answers
60 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
1answer
61 views

Is it okay to display list of members/user in a modal?

Hye, Im currently designing an interface similar to Slack/Discord. Is it possible to display the list of members in a modal? I already check multiple platforms (Discord, Slack, Quora, FB) but they ...
2
votes
3answers
83 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
1answer
150 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
4answers
220 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 ...
1
vote
1answer
252 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
3answers
265 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
2answers
50 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
1answer
55 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
1answer
49 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 ...
2
votes
2answers
95 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
2answers
128 views

Is it best practice to place an editable data table in a modal/popup?

I am curious if this is already established as best practice but so far I haven't seen any standards on this. Let me know your thoughts. Scenario is: We are trying to go with either V1 or V2 inside ...
0
votes
2answers
157 views

Best place to show a confirmation modal in a purchase flow

So, I'm working on an insurance ecommerce and would like to get input on where to show a confirmation modal. Let's say I am in the summary page, and there's a "Change Plan" button to choose another ...
3
votes
3answers
245 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
3answers
1k views

Is a double modal pop up a concern?

What I mean is that say you select something on a webpage. It serves you a modal pop-up form to complete. On this form is a date-picker which would serve another full screen (on mobile) modal pop up. ...
2
votes
1answer
471 views

Sidebar modal - pros & cons?

Do slide-out modals work well in your experience? Our requirements are to present deeper, specific content to users without taking them out of a flow, so linking to another page is not being ...
1
vote
2answers
892 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 ...
1
vote
1answer
888 views

Slide out panel or new page

I'm in the middle of redesigning a section of our app which lists files + folders, and I'm not sure which approach would be best from a UX point of view. The current system has a show action for each ...
1
vote
1answer
81 views

on-demand scrolling modal?

On our desktop site, our response for many places where table, or cards, is used to display data, is to have a button that spawns a modal for adding a record to the table/cards. The models for these ...
0
votes
2answers
78 views

What is the best terminology to use on a modal's buttons when a user is about to leave said page?

I hope this question is not too banal. I would like to use the best terminology for a modal's buttons. Context: I'm building a feature for an administrative tool. The feature is on a customer ...
-2
votes
2answers
122 views

Preview of an widget setting in a modal

I got this problem with setting up the modal for a widget preview. Lets say I want to edit a widget and Im opening modal with the widget settings. The problem is, the preview makes the whole modal ...
2
votes
4answers
398 views

Should I use modal or page if there are multiple of steps?

I was wondering whether to make it a modal or a page. So the process is this: Enter full name and birthdate Answer security questions Upload an ID After uploading an ID, there are 2 pages that ...
3
votes
7answers
320 views

Best practice when creating new element in two dropdowns on the same form and in a modal

I am working on an app that has a side modal. When creating a new lead the side modal opens and you are facing a form that contains the elements in the image below. When you type inside the company ...
2
votes
2answers
771 views

Modal or new Page for product description?

I have a question it's kind of research and I have researched a few before posting but I want direct pros and cons for my concerns thus I am posting this question here. I have a page which has a sort ...
0
votes
5answers
1k views

How to design a multi-step form in a modal?

I have designed a widget for a Web mapping aplication that takes a .csv containing coordinates as input and has 2 output options : Business logic : Both output options require a .csv to be loaded ...
1
vote
0answers
167 views

Dropdown vs Modal for table header filtering

I am trying to filter data in tables by converting each header into a split button. Left part of the button will sort the data on click while the right part opens a dropdown at the moment. It looks ...
1
vote
2answers
102 views

What is the logic behind restricting the size of an element if there is enough empty place?

This is screen-shot of a Freshdesk's custom app. The app is located in an iframe. Though there is a lot of free space both horizontally and vertically, the iframe has a maximum height of 700px and ...
1
vote
1answer
206 views

How to design a flat design wizard?

We are migrating our modal based wizards to be "flat" and included in the main navigation system. They should be accessible via a navigation bar. How do we place the different buttons and explain the ...
5
votes
3answers
3k 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 ...
0
votes
1answer
70 views

On modal window, Is it necessary to put the word “VIEW” ITEM in the title of the modal after clicking a VIEW ITEM button or in a dropdown?

Example below is viewing a quote: A - View quote as the title (quote number as part of the content) B - Quote number as title and removed it from the content
1
vote
1answer
130 views

What screen should show after closing an iframe/modal?

I have a challenge of what I should display after a user has triggered an iFrame modal which changes the meaning of the page that it was triggered from. My assumption is that users would expect a ...
3
votes
3answers
630 views

Placement of a modal

Currently, I am going into an application where there was a decision made to have modals slide into the screen from the right but stay snapped to that right window border. From experience in other ...
2
votes
2answers
650 views

modal inside a modal (delete confirmation)

I have a View/Edit button which shows the details ofuser in a modal when clicked. In modal it has Save and delete buttons. When they click on delete button the user will be deleted. Before they delete,...
3
votes
1answer
259 views

Is modal expansion a user friendly pattern?

I have a problem whether to have everything in one modal, or have one after the other. Any help would be appreciated. Please pic the option that makes sense. Any other solution would be awesome too :)
1
vote
1answer
323 views

Modal - verticals, and horizontal scrolls

I have a modal in which I have to include 13 columns in a 12-grid column. That would involve a vertical scroll, and a horizontal one. Should i go with pagination so I can do with one of the scrolls?
0
votes
2answers
148 views

Modal to prepare users for changes in payment system

I'm wondering if you could help me to gather some ideas. Basically, one of our products overseas has to make fundamental changes to its credit card deposit system due to a variety of problems incl. a ...
0
votes
2answers
383 views

How to display a checkbox modal

I'm updating a legacy(12 y/o) system and one of the requirements is a cta that opens a model which lets the user make multiple selections, aswell as, typing an input that then gets added to a summary ...