Pop-up page

[eriks]

My very best wishes and good health!

Can someone help me:
Pop-up on a website page, when a surfer clicks on the button ‘To the page’ (http://www.test.webgraphic.be)he goes to the page ‘Test page’, but before he can read the page he has to click agree via a pop-up box. So the entire page ‘Test page’ may not be 100% readable at first!
Thank you ladies and gentlemen

[PeteSharp]

Do you want this to happen every time? If not you can make use of local storage or session storage depending on the user experience you want.

Then you just need to add a small bit of code to activate a modal on load.

[eriks]

Wants the surfer to go to the “Test page” (url is …/pop-up.html) when clicking on the button “To the page” and before the page becomes clear he has to click agree in a pop-up box regarding a disclaimer . After clicking the button in the disclaimer, he can see the page in full and continue surfing.

Do you want this to happen every time?
I do not think so. Will try it out first

Can you guide me through this? Thx!

Something like this:
https://www.icreatemagazine.nl/nieuws/macbook-pro-2021-release/

[Jerry]

I would go for @Whittfield Cadence in combination with a small script to block the option of clicking outside the modal.

Cadence here:

The Blocs Store - Energize your Blocs web design workflow with custom made...

Script here:

Prevent modal from shut down

Seems like Blocs puts the Custom Attribute on the modal content Div, which is not ideal, if you want to add attributes. (The backdrop static attribute needs to go on the main modal Div.). I am sure this wasnt the case previously, I could be wrong. Maybe @Norm can address this. Or add the Static and keyboard options to the Modal. [Screen Shot 2021-12-27 at 9.40.19 AM] Anyway, in the mean time you could use js to add the attribute to the right DIV, it would be something like this… <script> w…

[eriks]

Just bought Cadence, tried to install it, but can’t see it working.
http://www.test.webgraphic.be
Also don’t understand the setting 100%
Hopefully not a lost investment

[Jerry]

Have you set modal #id and the page where it should show up. Is your modal in the global area?

[eriks]

I use the bric on this page:
http://www.test.webgraphic.be/pop-up.html

Do i have to put on this page?:
http://www.test.webgraphic.be/index.html

Here are how a set it:

At put the bric on the global area

[Jerry]

But where’s the modal itself?

[eriks]

On the pop-up page

[Jerry]

That’s a bloc, not a modal . Try this one:

[eriks]

Thank you @Jerry
It works, but not always. I suspect it has todo with settings. Also don’t understand the test mode.
But we will study further.
I will probably come up with more questions

[Jerry]

@eriks

But we will study further.

Yeah, know that feeling. Sometimes you feel you’re smarter compared to the manual. Out of experience, I’ve been wrong most of the time .

@eriks

I will probably come up with more questions

Happy to help. Cadence is awesome!

[eriks]

@Jerry

Cadence in combination with a small script to block the option of clicking outside the modal.

Where i have to put this script?

[Jerry]

Try page header.

[PeteSharp]

Footer. Tidier.

[eriks]

It won’t work first, but now OK
Thx