Open modal from a workflow?

[dingan]

I have a workflow that takes some time to execute
I want to show a modal popup while processing is going on and then close the modal when the process is completed.

How can I trigger opening a modal from a workflow ?
(Also close later)

[dingan]

Nvm. Found it myself.

Create a boolean variable that controls modal
Change value of that variable inside workflow

[what.gift]

To confirm for others as this tripped me up and I’ve been using WeWeb for over a year.

There’s new Dialog Elements that work differently.

Why are Modals as Sections being deprecated?

I’m relatively new to WeWeb, but I’m loving the experience so far, since I had some previous experience with Nuxt3 and Vue3. Right now I’m here to question why are “Section” Modals being deprecated in favor of element ones. [image] I mean, I can see this being useful to turn modals into components, but I’d really miss the ability to make a Section with a “position: fixed” behavior. I’d like to put all modals in separate section on the editor tree. Maybe remove the Modals, but add this featu…

Docs:

Dialog | WeWeb Documentation

Execute component action | WeWeb Documentation

Which are now controlled via their own actions and not variables like below.

Although I was able to access it like below which is confusing as it’s not showing up as a variable apart from here and I didn’t set it.

I think this might be a bug because I did have 2 dialogs and I deleted 1 but still have 2 variables showing up, but 1 component action and nothing in the usual variables list. Odd.

[Dominic]

Unfortuntely with new Dialog you have to reload the whole editor pretty often as you will see variables from deleted dialogs, variables from copied dialogs which you cannot bind etc. etc. As for now it is still better to use old modals. In your case after reloading the editor the old modal will disappear.

[Jay12]

Thanks for sharing this. I was struggling a lot with new Dialog.
I faced exact same issue. This is cleary bug so we should not use New dialog

[fredo22]

Agreed. the new dialog seems very buggy to me. I want to conditionally show the dialog via a variable, and when I set “toggle” to OFF and try to use conditional formatting, the dialog does not show even though my variable is true. Also, “Prevent scrolling” doesn’t work. VERY FRUSTRATING. @Joyce @flo @Raphael I strongly recommend that you create a video showing the usage of the new dialog in various use cases. You’ve added a lot of functionality, and I’ve read your documentation several times, but for me it’s not sufficient to help me understand how to use the element.

[Kivo]

I also still cannot use the dialog very well. It seems very confusing and got a lot of bugs

[luka]

You are not supposed to use the new dialog with a variable. You manage the state by using Component Actions. Will take a look at the other bugs reported and get back

A video is coming on how to use it

[Raphael]

Hey everyone, here is the updated documentation: Dialog | WeWeb Documentation
We’ll add a video to that documentation soon.

[dingan]

Here is a quick tutorial on how to control the new Modal component in weweb

Modals & Popups In Weweb