Skip to main content

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.

0 votes
1 answer
189 views

Close modal on overlay click: to do or not to do?

I have many modal components in my screen. Usually they'll have an X button, a "cancel" button, and the option to hit ESC, all of that to close the modal. In all cases, I can ask if the user ...
Bernardo Benini Fantin's user avatar
0 votes
2 answers
136 views

UX modal window: When to submit the information

I have a modal that lets the user add or edit information named foo. Once the user edits this bar variable, I would like to save the edit. I'm wondering where/when the submit logic should be shown to ...
Raphaël Balet's user avatar
0 votes
0 answers
153 views

Open modal on top of drawer

I'm doing the design of a page where the user can open a drawer with a list of documents. And the user can also open the documents, is it a common practice to open the document on a modal on top of ...
designlover's user avatar
0 votes
1 answer
87 views

Displaying users vacation balance throughout the years

so in my applications users can create requests for vacation and sickness. They select the type (vacation or sickness) and define a timeframe (for example 01.01.2025 - 05.01.2025) which is using 5 ...
GreyDove's user avatar
0 votes
1 answer
86 views

How to structure rich-content form in modal view

What is the best approach to organize/structure modal forms? I used to have this form in single page but the user want it in modal view. the issue here is that we might have more features in the ...
Mike J.'s user avatar
1 vote
1 answer
66 views

Cross or left arrow in wizard started in a details screen

Dashboard -> list of devices -> device details -> start installation action Dashboard -> list of devices -> create device system action -> success ui state -> start installation ...
David's user avatar
  • 111
0 votes
1 answer
150 views

What should be the height of a modal that has a form that discloses progressively?

In the enterprise application that I am designing for, I have a modal that contains an input form. This form has two checkboxes. On selecting each of these text boxes, new fields show up in the form. (...
Ravi Shankar's user avatar
1 vote
2 answers
95 views

Is this confirmation modal too intrusive for deleting custom fields?

I have a form where the user can add custom fields to products. If a folder requires a custom field, and the product is in that folder, then deleting that custom field will trigger a confirmation ...
Wei-ying Chen's user avatar
2 votes
1 answer
93 views

How to add a way to navigate to a main page

I have a dashboard and my goal is to add a way for users to interact with a chatbot from the dashboard to ask questions about their data. There are two ways to launch chatbot, One that keeps you on ...
Desiree's user avatar
  • 21
0 votes
2 answers
302 views

Good UX in modal after submitting

I'm not a UX, just a UI developer and I want to have good UX in our modals. What we need to do for it? User confirms the information by clicking on the submit button in the popup. We send the ...
Ciemna_noc's user avatar
1 vote
1 answer
178 views

On modal open - blurred background or dark background

Does it affect the user experience if the background is black, white or blur when the modal is opened? For example, if the background of the project creation modal is blurry, will the user think that ...
Mozi's user avatar
  • 11
0 votes
1 answer
348 views

Getting user input in a modal vs offcanvas

I need to show a form for user input, and can choose between a modal or offcanvas. (Those links are Bootstrap 5 examples, but the same would apply to any UI toolkit.) Once there was no offcanvas, just ...
lonix's user avatar
  • 101
1 vote
2 answers
219 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
117 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
  • 117
0 votes
2 answers
921 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

15 30 50 per page
1
2 3 4 5
10