How modal-on-load works and how to call it manually

2 replies · opened Feb 9, 2024

Mms4smanFeb 9, 2024

Hi there.

I love the samples of "modal-on-load" that come with this template. However, I'd like to make a modal that looks like the example modal on load, but that I can trigger manually from Javascript whenever I'm ready, rather than on-load or after a delay.

Initially, I wanted to just use a regular bootstrap modal and try to make it look like the one in the on-load examples. But it doesn't look like they are actually using the bootstrap modal classes at all. So I haven't been able to figure out how to style a regular modal to look like that example. With the X button in the top right of the page, not the modal itself, and a few other styling differences.

Is it possible to do this? Or, to use the on-load example but instead of appearing on-load, manually trigger it later?

Thanks!

Mms4smanFeb 9, 2024

Never mind, I figured out that it's using Magnific popups so I can just manually use the Magnific API to do what I'm looking for.

SSemicolon WebSTAFFFeb 11, 2024

Glad the issues were resolved.

Please do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard