PricingBlog

How to make popup

  • samthedesigner-1211590839898345482

    Sam

    2 years ago

    I'm trying to make a popup that'll display some information, Can anyone help out with the workflow or formula for popups on Toddle?
    1
  • yoelfdz-1211612103891492874

    yoelfdz

    2 years ago

    Hey Sam, it's pretty simple. You need to create the popup as you want it to be. For example, if you want to have a darker backgrounnd and the popup on the middle too add deph, create a div with absolute positioning, 100vw and 100vh. Then add the popup centered inside that div. You simply need to add aa show hide formula on the background div, you can use a variable for example. Then simply set the variable "popup_visibility" initial value to false, whenever you want to show the popup create an event setting it to true.
    There is a video on toddle yt channel about conditional visibility explaining all of this
  • gazinhio-1211636469244891176

    gazinhio

    2 years ago

    This should help, it was made for Bubble devs but the Toddle bits are relevant, bearing in mind there's been a lot of UI changes in Toddle since this video was made :

    https://www.youtube.com/watch?v=5Ohpki1YWdg
    👍1
  • samthedesigner-1211659831799455804

    Sam

    2 years ago

    This helped, thanks