Enable alert(), confirm() and prompt() in sidebar and webapp

[Darren D'Mello]

Recently chrome has disabled prompts and alerts, does anyone has workaround for webapps and apps script sidebars?

https://stackoverflow.com/questions/68492434/javascript-dialogs-alert-confirm-and-prompt-in-cross-origin-iframe-does-n/68557341#68557341

[Alan Wells]

You can make your own modal dialogs.

See:

https://www.w3schools.com/howto/howto_css_modals.asp

[Darren D'Mello]

I agree with Alan. Thanks. Could anyone help me with a prompt to be displayed using a modal for a webapp?

--
You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/c5226436-b918-4998-ae04-09e5e505b3f5n%40googlegroups.com.

--

Best,

Darren

[Alan Wells]

Because a dialog box is often needed and could be called from anywhere, you'd want to have a system that is generic.

For example, have a function name that you always use to show the dialog box.

You need a CSS file to control the styling of the modal.

You need JavaScript code to control the content and size of the dialog box.

You need a system for loading the CSS and JavaScript into your HTML before it loads.

I use scriptlets to build the HTML files before they are loaded.

I have my own dialog box system, but I don't have a tutorial or any open source repo for it.

I do use the W3 Schools CSS file, but then use my own JavaScript.

It's easier to use someone else's CSS system because everything is so interconnected, that you could spend years on developing it.

But the JavaScript is a little easier.

Do you already use jQuery or some other CSS/JS framework?

[Martin Hawksey]

As Alan suggests lots of frameworks out there that are easy to drop into Apps Script and the answer often depends what else you are already doing.

Personally for webapps I often turn to https://materializecss.com/ - being Material Design influenced fits in nice with existing UI used in Workspace. 

Here's a basic modal example https://script.google.com/macros/s/AKfycbwtOPg-njCdkKY14S6rgip3apYysthVA1VIH7v6dVSfP1xyy2eomr0rluuZM-zMJxVbsg/exec

Based on https://materializecss.com/modals.html#!

Source script project https://script.google.com/d/1K9nbRxNeycZBsT4EUcqIz9DpQ7qRkcxSjXWLQIWFqno2wO04aKYQu5qC/edit?usp=sharing  

[Darren D'Mello]

Alan and Martin Thanks for it, I am using jquery and I have no issues in adding the Material framework too

This is really really helpful.

Great Thanks!

To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/cc0c3ff3-1d67-4dbb-be19-338dde394205n%40googlegroups.com.

--

Best,

Darren

[Darren D'Mello]

I wonder now the alert and confirm and prompt work just fine from the addon sidebar. Did Google change something?

--

Best,

Darren