How to prevent a WebDialog to be closed using the “esc” key?

[Arnaud_N]

Hi,

As can be demonstrated in a test project, a web dialog can be closed by the user by just pressing the “esc” key. Under certain circumstances, this is not wanted.

But how can we prevent this behaviour? We can’t trap the “esc” key and Xojo doesn’t provide a way to turn that “feature” off.

[Jean-Yves_Pochez]

using javascript it could work

myModal.dataset.keyboard = 'false';

or for bootstrap 5

myModal.dataset.bs.keyboard = 'false';

[AlbertoD]

Do you want to add a Feature Request to add ‘Static Backdrop’ for Bootstrap Modals?

Modal

[Arnaud_N]

Thanks, but it doesn’t work (it’s just ignored). I tried:
me.ExecuteJavaScript(“myModal.dataset.bs.keyboard = ‘false’;”)
in the Opening event (and the other variation you suggest, as I’m not sure on which strap I run).

[Arnaud_N]

I don’t know. I’m not really a “web guy”, and when I read it’s a “modal plugin”, my reaction is I’d like Xojo to avoid relying on external resources as much as possible.

[AlbertoD]

I’m sorry, I mean: create an Issue so Xojo add the option that Bootstrap 5 offers (Static Backdrop), so we don’t need to add JavaScript or other workarounds.

[Jean-Yves_Pochez]

it’s not “mymodal” but the control id of your dialog, and a ‘#’ before in the javascript, and “_modal” for the dialog…)
something like (for xojo 2023r2+)

Me.ExecuteJavaScript( "$('#" + Me.ControlID + "_modal').dataset.bs.keyboard = 'false';" )

and if you want to prevent clicking outside the dialog to dismiss it you can use :

Me.ExecuteJavaScript( "$('#" + Me.ControlID + "_modal').dataset.bs.backdrop = 'static';" )

ps: not tested, I use this in my websdk’s

[Arnaud_N]

@AlbertoD

I’m sorry, I mean: create an Issue so Xojo add the option that Bootstrap 5 offers (Static Backdrop), so we don’t need to add JavaScript or other workarounds.

Ah, sorry.
If I find time to create an Issue in the upcoming days, I’ll gladly do it.

@Jean-Yves_Pochez

it’s not “mymodal” but the control id of your dialog

Thanks. I tried your new example (with and without “.bs”) and they’re still ignored.
Are Javascript errors logged somewhere so I could see what’s the problem?

@Jean-Yves_Pochez

and if you want to prevent clicking outside the dialog to dismiss it you can use

Thanks; that’s already handled by Xojo, though.

@Jean-Yves_Pochez

I use this in my websdk’s

So it should have worked in my test as well .

[Jean-Yves_Pochez]

@Arnaud_N

Are Javascript errors logged somewhere so I could see what’s the problem?

yes use the developper menu in most browsers, and display the console

[AlbertoD]

@Arnaud_N

So it should have worked in my test as well .

Not necessarily as Jean-Yves uses a WebSDK and not the XojoDialog that could be implemented differently.

[Jean-Yves_Pochez]

@Arnaud_N

Thanks. I tried your new example (with and without “.bs”) and they’re still ignored.

in which event did you write the executejavascript code ?

[Arnaud_N]

I tried in the dialog’s opening and showing events (one at a time, of course).

[Jean-Yves_Pochez]

well it seems my websdk’s for the modaldialog are not working under bootstrap v5 !
the dialog is not even shown …

[Jean-Yves_Pochez]

so, it’s working again, and I use setAttribute(“data-bs-keyboard”,“false”) under bootstrap 5
but it seems xojo dialog are modified “on the fly” and you can’t add a javascript to the modal dialog control…
it works with a websdk, but I don’t see how to make it work with xojo built-in modals

[Jean-Yves_Pochez]

may be @Ricardo_Cruz can tell us more about this issue ?

[Arnaud_N]

Thanks for your attempts.
Granted, additional information would be welcome.