show alertbox
I want to show an alertbox on successful email submission . 1 ) I created a variable show -alertbox and set it to true 2 ) I use this variable to hide the div that holds the alertbox properties using the "not " formula . 3 ) "on success " of the event form submit I set the variable show -alertbox back to true . Why is this not working ? Why does the alert box not appear (the email is indeed sent successfully to the backend ) . This is a version of the Surfboard tutorial for Fastgen (in the docs ) https://sunsetboards_fastgen.toddle.site/ Simple landing page with 2 API calls POST email submission GET product catalogue On submit I want On submit I want an alertbox appear . Gave the div a class "alert -box " , but there is no way in the event manager to address a class directly , so I tried via a variable , but that doesn 't seem to work either . Other issues I face : - The product images are pulled from fastgen , but do not diplay because the url of the public bucket is not working (a fastgen issue ) - Site is not yet responsive . I set a max width of 1920px , but I get all that empty space to the right The email submission works Hey @Chris ! The show -alertbox variable is set to true on default and you negate it on your "show " formula , so that it is not displayed by default . Then after the waitlist success , you set it to true . So you did not change it . That is why it won 't be displayed . You can set the show -alertbox variable to false by default and loose the "not " in the "show " condition . After success you set it to true . Then it should work 🙂 The max -width only limits the outer div to 1920px , but you cannot limit the browser window . So your page is at the left side with some space to the right on larger displays . What you could do is make the outer div width 100 % , center content and the next div max -width to 1920px . Then the content will have a max width of 1920px and be centered . Hope this helps 🙂 @Max Thanks . The issue was actually with Fastgen . Had to redo the database with Xano and it now works . Took me ages to find out . Which raises the question of troubleshotting in Toddle . How would I know that an API that "successfully " sends emails to to a database would not trigger the "on success " event ? Anyway , here is the improved version https://sunsetboards_fastgen.toddle.site/ Hi @Chris ! I see that now your "show -alertbox " is set to false by default 😉 So this is fine . Regarding troubleshooting API responses : You can see the result in the API panel (toggle auto -fetch to see the result ) and you can use the "Log to console " node to log responses to your browser console . The "On success " workflow triggers when your call returns a status code in the 200 range . If it returns a status code in the 400 or 500 range , it will throw an error .
.jpeg/public)