Share your ideas as low-fidelity mocks in minutes, perfect for getting started. This free, open-source wireframing tool helps you quickly create basic wireframes for your projects. It's simple to use, making it easy to sketch out ideas and organize your thoughts without the need for complex software.
When you show a modal, usually, you just put a gray rectangle semistransparent on top of the window, so you highlight the modal dialog, and user realizes that the rest of the content is not editable.
e.g. in this scenario
Behind the modal all should be covered with that rectangle
When you show a modal, usually, you just put a gray rectangle semistransparent on top of the window, so you highlight the modal dialog, and user realizes that the rest of the content is not editable.
e.g. in this scenario
Behind the modal all should be covered with that rectangle
We could call this component modal cover
Background 70% gray