The goal of this example is to make all elements on and HTML form un-selectable while something like a Save/Load/long database lookup is happening. What we’ll do is superimpose a div over an HTML form, and have that div show opaque lines over the form as well as a clear area that says Loading or Saving.
We’ll make the page look like the image to the left, so that it is clear to the user that the form they were working on is temporarily disabled. Continue reading “Javascript and Bootstrap CSS: Showing a Save Screen that Locks Page Elements”