1. Note Content area of Overlay.
Modaless overlay can be displayed on top left, top right or bottom, left, bottom right by default depending on project requirement. Never in the center of the screen.
Modaless overlay can be moved around by drag and dropped to desire location on the screen.
2. Note 'Minimize' and 'Close' controls buttons.
The modaless overlay has two controls: 'Minimize' or 'Close'. User can minimize the overlay to focus on other tasks on the screen, or close the overlay to dismiss the current task on the overlay.
3. Note the Primary and secondary buttons.
Modaless overlay can have up to three buttons: Primary and two Secondary buttons. In this case for the image on the left, the buttons could be displayed as 'Next' (Primary button), 'Cancel' (Secondary button), 'Back' (Secondary button)