Hello,
I have been trying to add a pop up (or a modal window?) with basic HTML in TNEW, hopefully on the event descriptions. However, I can't find code using HTML only. Has anyone found a way to do this, or can point to a good example? We currently have a pop-out browser, but we were hoping to have a window pop up within the same browser.
Thanks so much!
Andrew
Are you on v7? I would use jquery for modal. Just search in the google box for jquery modal.
Travis
Hi Andrew,
The only thing you can do with straight html is specify that a link open in a new window/tab. Your other options (pop-up, "modal") both require JavaScript.
Are you using v6 or v7? The v7 WSISYG Editor has configuration options for making links pop-ups or modal windows, although I confess I've never gotten either to work.
--Gawain
You can totally make a pop up with pure CSS and no javascript, here is an excellent code pen example:https://codepen.io/imprakash/pen/GgNMXO
It should be noted that the editor hates <script> tags. It will just strip them out. Andrew, what page are you wanting this modal on? I can take a look at some option later today. Depending on the page there are some work arounds. This is cake on a precart page if that helps.
We have super basic HTML for pop up windows here -- my.tso.ca/.../addCYOPackage_perfs.aspx(here it says to "click below to view venue maps") which has been working well for us.
Thank you, Travis. I am trying to add this on to the TN_Express_Prod_Synopsis (we are on v7) system table which feeds a custom package that we have (example: https://tickets.celebrityseries.org/components/precart?p=1800000016&PROMO=SMPLR1819). Basically, we want to have a pop up window with a map per performance -- instead of loading an image per event, I think the pop up would make the page load quicker. This is definitely pre cart!
Any insight you have would be helpful, thanks!
Hi Anastassia,
Thanks for this -- the pop up browser is something we'll use if I cannot figure out the popup window. Do you have a sense if the popup window you use works OK with mobile?
Hi Gawain,
We are using v7. See below with my response to Travis about where we are trying to put this - - unfortunately, it is not on the WSISYG editor!
Thanks for you help!
Here you go! Doing nothing fancy and using the basic example located here so you have a reference. https://www.w3schools.com/bootstrap/bootstrap_ref_js_modal.asp
You can see a basic working example with my test validate point at the bottom of the page, "Modal test". Just view the source for all the answers or email me directly!
test-na-asdc.tn.services/.../precart
Hi Andrew - I just tested and it works OK in a browser on mobile.