Jump to content
View in the app

A better way to browse. Learn more.

FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

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!

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.

hth,

Mark

Here is a quick example file that can be modified to meet your need. Tear it apart.

LockLayoutPO.zip

Create an account or sign in to comment

Important Information

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

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.