Hans Karlsen (talk | contribs) No edit summary |
Hans Karlsen (talk | contribs) No edit summary |
||
| (8 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
Actions can bring up Views. A modifier of the view | Actions can bring up Views. A modifier of the view shown is the "Is Modal" modifier which brings up the view in a modal overlay that must be closed by "Ok" or "Cancel" before continuing with other actions on the original page. | ||
Yet another variation is the new "Is PopUp" modifier. | |||
How to think about the difference between PopUp and Modal: | |||
* PopUp: fitting more info and logic in a small space | |||
* Modal: force decision from user | |||
[[File:2021-01-10 11h37 09.png|none|thumb|523x523px]] | [[File:2021-01-10 11h37 09.png|none|thumb|523x523px]] | ||
The PopUp is equal to the | The PopUp is equal to the Modal in many ways but differs from the Modal: | ||
* | * By not having a header | ||
* | * By not having the "ok" and "cancel" buttons | ||
* | * By allowing you to dismiss the PopUp by clicking outside the popup view | ||
The PopUp is always submitting changes to the underlying view | The PopUp is always submitting changes to the underlying view. Any cancel action you would like to perform must be done on the underlying (or starting) view. | ||
[[File:2021-01-10 11h34 01.gif|none|thumb|1136x1136px]] | [[File:2021-01-10 11h34 01.gif|none|thumb|1136x1136px]] | ||
[[Category:WebUI]] | |||
[[Category:WPF]] | |||
[[Category:MDriven Designer]] | |||
[[Category:Actions]] | |||
===== In place Popup ===== | |||
You can also do a lightweight InPlacePopup that has everything defined in just one viewmodel. You do this by placing a button - and add a nesting to the button. The content from the nesting will render as a popup when the button is pressed. | |||
{{Edited|July|12|2024}} | |||
Latest revision as of 15:21, 13 May 2024
Actions can bring up Views. A modifier of the view shown is the "Is Modal" modifier which brings up the view in a modal overlay that must be closed by "Ok" or "Cancel" before continuing with other actions on the original page.
Yet another variation is the new "Is PopUp" modifier.
How to think about the difference between PopUp and Modal:
- PopUp: fitting more info and logic in a small space
- Modal: force decision from user
The PopUp is equal to the Modal in many ways but differs from the Modal:
- By not having a header
- By not having the "ok" and "cancel" buttons
- By allowing you to dismiss the PopUp by clicking outside the popup view
The PopUp is always submitting changes to the underlying view. Any cancel action you would like to perform must be done on the underlying (or starting) view.
In place Popup
You can also do a lightweight InPlacePopup that has everything defined in just one viewmodel. You do this by placing a button - and add a nesting to the button. The content from the nesting will render as a popup when the button is pressed.