Questions tagged [modal]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
1
vote
1answer
87 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
93 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
70 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
0answers
36 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
0answers
23 views

Material Design - Should BottomSheetDialogFragment contain text field input?

Should the BottomSheetDialogFragment contain any text-input fields directly or should that be reserved for centered modals?
0
votes
2answers
71 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
82 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
156 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 ...
1
vote
1answer
82 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
236 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
492 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
68 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
85 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 ...
0
votes
1answer
40 views

Primary and secondary action on a give up modal

I have to put a give up modal when the user clicks the button to quit the form because I have a large form and the user can click on the give up button unintentionally. What is my primary action and ...
1
vote
1answer
136 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 ...
4
votes
3answers
889 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
43 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
88 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
265 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
304 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
181 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
212 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
106 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
261 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 ...
2
votes
1answer
2k views

Full screen modal vs normal modal?

What are the advantages of using full screen vs normal modal? I've seen sites like Airbnb & Slack use white full-screen overlay. How does it impact usability? Are there any advantages for using ...
0
votes
2answers
156 views

What are these called in UX design?

I have been tasked with creating an information (e.i. helpful tip) scrolling bar for a mobile application. I am not very satisfied with my choices of color. So I am trying to look for outside ...
2
votes
1answer
285 views

Is it okay to have a modal window with a button that redirects to another page?

In my case, the information written in the modal window is not directly linked to the button. That is, the button is not some action that the user does after reading the information given in the modal....
1
vote
1answer
143 views

Modal content UX

I have a situation where I need to display a table with multiple rows of data. Row count can be from 1 to 99. Is a scrollable modal the correct UX, or should I display this info on its own page?
2
votes
1answer
405 views

Filters on mobile e-commerce

I’ve been asked to produce a research on mobile filters. We do have e-commerces that are adaptive. Any native app is going to be developed over the short term. I’ve done benchmarking and come up with ...
2
votes
3answers
400 views

Toggle between two modal windows

I have a system where a user can share a task with his coworkers. The system was developed in a way where the share button opens a modal dialog with the option to input details of the user to share it ...
0
votes
2answers
138 views

Modal Window with Tab Menu font sizes (Prominence)

[![enter image description here][1]][1] I'm currently developing a UI, and I'm just wondering if it is acceptable in terms of prominence or in general. If the font size of the modal title and its ...
0
votes
3answers
145 views

Should clicking outside of an alert confirm acceptance?

I have a several alerts which are effectively modals. When the User clicks OK, they are accepting a specific action. For example, in the screenshot below, the User accepts that pressing the back ...
0
votes
1answer
228 views

Modal or New page for “Configuration area”

I'm sketcking a new tool. I have a litle problem. All tool is in the same view, like a Dashboard. Now, I have to prepare the "Configure area". I have been searching examples about this (Modal or New ...
1
vote
2answers
78 views

Tiles with long description

We have several project tiles where the user can see long (500 char) description and take action (Like) on each tile. They're presented as grid view (as shown below) or list view (using full width ...
1
vote
1answer
149 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 ...
0
votes
2answers
89 views

Should I Let User Know Why I Need The Data

I need user's user name, but not his password. Should I tell him why I use it I will not want their password, and if yes, should it be a modal or popover?
2
votes
1answer
86 views

Which one is the best for the user, button or icon for the “Close” in dialog/modal?

I'm designing a dialog/modal for my mobile app, which one will be the best practice for "close" on the dialog? 1."Close" button on the bottom left after the content 2."X" on the top right corner
1
vote
1answer
268 views

Does an informational modal with “X” (close) also need “back”?

I'm creating a modal overlay for a mobile device, the modal is purely informational about a product not being found on a list. The modal has an 'X' close button, is there a need to have a more primary ...
2
votes
1answer
874 views

Accessible web modals: Show or hide the “X” (close icon) at the upper right?

How do I handle the "X" at the upper right corner of my web site modals in order to make the modal as accessible as possible for users with screen readers but also for keyboard users? As I see it, ...
9
votes
5answers
7k views

Modal or new Page?

I have 7 products. The site has a lot of content(text) pages. At the bottom of each content page I want to list my products as thumbnails. Version A: Click on a thumbnail opens a modal with the ...
10
votes
3answers
3k 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,...
1
vote
2answers
129 views

Keeping users in context with modal window or shifting user to another page

I'm working on a UI that consists of a list of items that I have received. From this list I can click on the 'pick list' which is an enhanced cart/wishlist in this application. I currently have it ...
2
votes
1answer
2k views

Fullscreen Modal Window Usability Issues [closed]

There is a new trend of fullscreen modals used in web applications. Please refer a sample in the below link (Click the green colored "See it in action" button): https://noreiller.github.io/bootstrap-...
3
votes
3answers
430 views

Modal upon modal best practices - Web App [duplicate]

The product I am working on at the moment is a standalone product but we are creating a web app to replace it. It currently opens modal windows on top of modal windows for the same function i.e ...
1
vote
1answer
769 views

Error message- display in a Modal vs display in the form

Generally, in a forms, when some field is invalid, the error message shows next to the field. However I am not sure where/how to display errors that are not directly related to the fields. We have a ...
1
vote
2answers
134 views

Modals on payment processes

I am working on app that has payment process. I'm thinking of two options, since it will be mobile: The user taps on a 'Buy' button, and a modal pops up with a payment form. ( /offers/:id ) After ...
0
votes
2answers
717 views

On modal open - blurred background vs. dark background

Are there any difference (advantages / disadvantages) between a darkened background and a blurred background when a modal popup is open? Thanks everyone.
0
votes
2answers
5k views

Bootstrap:Multiple page navigation within a modal

I am working on a sprint management tool.The scrum master gets to select from a list of bugs available to him. Once he selects and hits 'Add bugs' - he needs to provide the justification individually ...
4
votes
2answers
415 views

Autosave option in a modal dialog with Save & Cancel buttons

Scenario - A modal dialog where a user can type in anything (basically, Notes) with Save & Cancel buttons present, and Auto Save implemented. Auto Save has a purpose - it will avoid the messy ...
4
votes
2answers
105 views

What to display in a modal window when there is no content?

We have a modal window that should always have content when opened via a mouse click on a web page, however, it's possible that since it's delivered dynamically from a database, it may not be ...