PIN Pad always in Front possible?

[Habib]

I have a visualisation page that I want to protect with a PIN code. To do this, I have activated the PIN code in the structure settings. If the customer accidentally taps next to the PIN pad, the entire content disappears and can only be retrieved by refreshing the page. However, this option is not available on the display. How can I always keep the PIN pad in the foreground?

I've made a short clip to demonstrate what I mean...




Thx for your help

[admin]

Add to Custom JavaScript:

Code:

$(function() {
  $('.modal-backdrop').off('vclick');
});

[Habib]

Wow, that was fast. Thank you :-))

It works but not finaly solved my problem. If the user now taps the "X"-Button it's the same issue than before. Can I delete or deactivate that button as next?

[admin]

Try this:

Code:

$(function() {
  $('.modal-backdrop').off('vclick');
  $('.control-pincode .btn-cancel').css('visibility', 'hidden');
});

[Habib]

Add to Custom JavaScript:

Code:

$(function() {
  $('.modal-backdrop').off('vclick');
});

Try this:

Code:

$(function() {
  $('.modal-backdrop').off('vclick');
  $('.control-pincode .btn-cancel').css('visibility', 'hidden');
});

That is great :-) it works how I need... many thx