Jump to content
Sign in to follow this  

Possible to highlight an Object when clicking outside of a Modal Window?

Recommended Posts

Hello there, my solution has a layout that opens on a modal window to force the user to focus on that, as it has a side menu to the left that stays open all the time, I want to know if it is possible to when I have the modal window open and the user clicks outside of the modal window, to hightlight a field or button inside the modal window itself to force the user to focus on the unfinished job he has there.

Ideas are very welcome!

Thank you!

Share this post

Link to post
Share on other sites

One thing you can try is placing an empty web viewer in the background of the modal window (filling the window and anchoring to the sides).  Move it behind all fields and controls (obviously).  Then, when you open the window, put focus into a field, which will gain the familiar "on-focus" outer-shadow highlight.  Because of the web viewer background, which "catches" background clicks and prevents automatic commits, the user will be able to move between fields (of course) but not remove focus entirely from the window by clicking either in the background or outside.  As long as the window is open, one field will always have obvious focus.  Of course, your "Close" button should then commit any edits made in the modal window.



  • Like 1

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Create New...

Important Information

By using this site, you agree to our Terms of Use.