Anyone know what the modal box script is that Yola uses for the modal boxes in the site builder?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi everyone. Does anyone know the lightbox script that is used for the widget modal boxes? Here is a screen shot of one of the modal boxes I am talking about:



I like how they resize. I am sure the designers know. Did you guys create it your self or use a script from some where?

Thanks in advance,
Nathan
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
  • happy

Posted 7 years ago

  • 1
Photo of the_pete

the_pete

  • 65 Posts
  • 16 Reply Likes
Official Response
Hey Nathan

We created a custom dialog helper library to run all the dialogs in the Yola.com Site Builder. We used jQuery to do the fading and resizing animations (well spotted Kevin - jQuery is awesome for that). The dialog has a setDimensions function that can be triggered from user actions to dynamically resize. It's also got 2 modes - widget mode and application mode. Widget mode is the blue box in the image you attached and application mode is the rounded white box with the round close button in the top right corner we use for dialogs like the create page dialog.

Unfortunately the library is closely coupled with the application and isn't very suitable for use outside of the Site Builder, so I can't really offer it to you for your own uses. You're welcome to have a look at the code if you like, take a few tips if you like the way we've done something... the file is located here...

http://sitebuilder.yola.com/ide/Yola/...

The css is here...

http://sitebuilder.yola.com/ide/style...

Happy coding :)