Popup/Overlay with external site

I feel like this is something I should know, but....

What is the best way to enable a popup window (with control over the size, transparency, etc.) that will display an external website?

I have a client who is using an event ticketing service that won't embed in the site. Nor will it conform to the style of the site. The "easy" solution would be to get a better ticketing service, but the client wants to stick with what they have. My thought was that a popup overlay would be better than taking people to a web page that doesn't look like the web site.

Any thoughts? I have looked at addons, but the ones I used to use back in 5.6 and earlier days aren't available for 8.x (The site is using 8.4.3.)

Thanks in advance.

View Replies:
PineCreativeLabs replied on at Permalink Reply
As it happens, I have an addon (that was never added to the marketplace) that does modals. It supports an iframe option (which is what you'd need to use here), with various options for the modal.

It was built for 5.7, but I am looking at revamping it to be fully compliant with 8.x and up. I could send you a "beta" version of it, if interested.
DBKG replied on at Permalink Reply
Sure. I would love to try that out and provide you with whatever feedback I can. Do you need me to PM you any info?
mnakalay replied on at Permalink Reply
I have an add-on in the marketplace that does that:https://www.concrete5.org/marketplace/addons/buttons-pro...

It's for building buttons with options. One of the options is an overlay with internal pages or external websites of Stacks. You can set max width and height, background color and transparency...

The good thing is you can also design the button(s) that will trigger the overlay
DBKG replied on at Permalink Reply
Thanks. I purchased and installed. Great addon! Looking forward to digging into it. One question I have is that the popup window is fairly small (especially on a large monitor). Maybe this is a feature request, but is there a way to scale the popup window based on a percentage of the screen size? (For example, 80% of screen width and 60% of screen height....)
Here is the test I am running on the site (no button styling yet; just testing for functionality at this point.)

This is the actual external page:

I have tried with a few different external pages, but with similar results. Maybe I am missing something, or is there a better way to do this?

Thanks for your reply to my initial post and for the addon.

mnakalay replied on at Permalink Reply
Hello, Thank you for purchasing my add-on and for the kind words :)

You are correct about the max-width. I didn't notice it before and it shouldn't be like that. I'll be pushing a fix today and will keep you posted as soon as it's ready so you can update.
mnakalay replied on at Permalink Reply
Problem fixed. Please update to 3.0.7 and it should work correctly.

The way the width and height work is they are set to 100% and the values you set in the overlay settings are used as max-width and max-height.

So basically if you set a width, on a screen smaller than that width, the overlay will fill the whole width. And as soon as the screen is larger, it will limit itself to that max-width. Same for height.

If you don't mind, I have a favor to ask. If you could leave a review for the plugin after you had a chance to play with it that would be great. Other users rely heavily on reviews to assess plugins and every little bit helps.

Thank you for your patience.
DBKG replied on at Permalink Reply
Patience? That was overnight! Thanks for the fast response. This will work, and I will be happy to write a review as soon as I have worked my way through the software.
mnakalay replied on at Permalink Reply
That's great thank you! Make sure to check the video tutorials included in the help page. The interface on them is a bit outdated but the concepts are still the same.