Menu icon Foundation

My Posts

No Content

My Comments

Dusin commented on sanlorena's post almost 2 years

Here is the solution,
Paste this into your document.
 
<p><button class="button" data-open="exampleModal1">Click me for a modal</button></p>
 
<div class="reveal" id="exampleModal1" data-reveal>
  <h1>Awesome. I Have It.</h1>
  <p class="lead">Your couch. It is mine.</p>
  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
  <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
 

Posts Followed

  • 6
    Replies
  • Reveal modal not working...

    By sanlorena

    modal reveal

    Hello, I am not sure why this basic&nbsp;reveal&nbsp;modal is not working... what am I missing? &lt;body&gt; &lt;a href="#" data-reveal-id="myModal"&gt;Click Me For A Modal&lt;/a&gt; &lt;div id="myModal" class="reveal-modal" data-reveal aria-labelledb... (continued)

    Last Reply by Dusin almost 2 years ago


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on sanlorena's post almost 2 years

Here is the solution,
Paste this into your document.
 
<p><button class="button" data-open="exampleModal1">Click me for a modal</button></p>
 
<div class="reveal" id="exampleModal1" data-reveal>
  <h1>Awesome. I Have It.</h1>
  <p class="lead">Your couch. It is mine.</p>
  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
  <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
 

Posts Followed


Following

  • No Content

Followers

  • No Content