Unknown Action - Page Flow - When Alert Action

[AlexandreMoreira]

Wappler Version : 6.8.0
Operating System : Windows
Server Model: node.js
Database Type: MS-SQL
Hosting Type: AWS EC2

When i used the dialog box on flow, the second time that a open the flow, shome "Unknown Action"

This are the simple flow:

<a href="#" class="btn btn-base-color btn-extra-large btn-switch-text btn-round-edge btn-box-shadow w-100 text-transform-none mt-30px" dmx-on:click="run({condition:{outputType:'boolean',if:!cb_termos.checked,then:{steps:{'toast.show':{message:'Favor leia e aceite os termos ',title:'Atenção!'}}},else:{steps:{run:{outputType:'text',action:formClienteCriar.submit()}}}}})"><span>

[guptast]

Hi Alexandre,

The component dmxBootstrap5Toasts:{} may be missing in the wappler includes.

[Teodor]

Is your page using Bootstrap 4 and not Bootstrap 5?

[AlexandreMoreira]

no! just BS 5!

[Teodor]

Well something is not quite correct on your page, probably you have some references to bootstrap 4, or missing includes.
Your code works perfectly fine on my test page:

[AlexandreMoreira]

yeah, are correctly on the first time, but the second time when i tried edit, that unknown happen!

[Teodor]

Do you have a link to your page where i can check that?
I already tried editing and saving the inline flow a few times and see no issues.

[AlexandreMoreira]

(uncheck the )

to worked, i changed to the element alert, but when i return to toast and see:

[AlexandreMoreira]

hi @guptast, no this is ok! see:

[Teodor]

I can't see any issues on your page.
Does the same happens if you create a new blank page and add the code there?

[AlexandreMoreira]

Yes, the same problem occurs on a new page!

To be clear! There is no problem with my page, only when editing on Wapper it informs that the element placed in the flow is unknown! displaying "unknown action"

[AlexandreMoreira]

[AlexandreMoreira]

Anyone have any tip?? I guess this are a BUG! And i will forced to change for ALERT simple!! but i wished to use Toast!!!

[Teodor]

Unfortunately we can’t recreate this issue. Maybe try reinstalling Wappler, something might got corrupted in your installation.

[AlexandreMoreira]

Hi @Teodor, i still have this trouble! I try created another project and works fine! What you suggest to i find the conflict on the actually project? thanks!

this on layout page:

<script src="/dmxAppConnect/dmxBootbox5/bootstrap-modbox.min.js" defer></script>
  <script src="/dmxAppConnect/dmxBootbox5/dmxBootbox5.js" defer></script>

this on top of content page:

<!-- Wappler include jquery_slim_33="cdn" fontawesome_4="cdn" is="dmx-app" id="radarclilp" appconnect="local" components="{dmxSwiper:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxDatastore:{},dmxStateManagement:{},dmxAutocomplete:{},dmxValidator:{},dmxBootbox5:{},dmxBootstrap5Toasts:{},dmxBootstrap5Modal:{},dmxAnimateCSS:{}}" head-page="layouts/branco" -->

[AlexandreMoreira]

I solved the problem myself!

even though it says that Bootstrap 5 is being used on the layout page and also on the content page! In the general project settings, it was set to Bootstrap 4, but when I changed it, it finally recognized the elements when editing!

I hope this helps some other user, as I spent several hours on this detail.