Reveal Modals

[US]

What is the method for inserting reveal modals into the content?

[SQadmin]

Hi,
Sweetdate is built on Zurb Foundation Framework. See this page for modals: http://foundation.zurb.com/old-docs/f3/reveal.php

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[US]

Followed this method using the html class approach and the modal would not render… can you provide proof of concept here on how to place a modal into a “post” please

[SQadmin]

As I said, you have there all you need, just copy/paste operation. Here it is just in case..

COPY CODE

<div id="myModal2" class="reveal-modal">
  <h2>Awesome. I have it.</h2>
  <p class="lead">Your couch.  It is mine.</p>
  <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
  <a class="close-reveal-modal">×</a>
</div>


<a href="#" class="button" data-reveal-id="myModal2">Click Me For A Modal</a>

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[US]

Thank you, yes this indeed does fire off a modal. However it throws it very down on the page.

FYI: I placed this snippet inside a post: here’s the tester:
http://cyco.io/hello-world/

This is especially poor if on a small screen – it will actually go right off the page…

Your insight is much appreciated on this – thx for your time so far : )

[US]

bump

[SQadmin]

Then you should add the modal (not the link to it) in footer.php, before the wp_footer line

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[US]

Thank you again sir

[Author]

Posts