Skip to content

Commit

Permalink
removed extraneous information from reveal testing
Browse files Browse the repository at this point in the history
  • Loading branch information
Mark Hayes committed Aug 7, 2012
1 parent 035b00d commit df44d5b
Showing 1 changed file with 0 additions and 23 deletions.
23 changes: 0 additions & 23 deletions test/reveal.html
Expand Up @@ -40,29 +40,6 @@ <h4 class="subheader">Modal dialogs, or pop-up windows, are handy for prototypin

<p><a href="#" data-reveal-id="exampleModal" class="radius button">Example Modal&hellip;</a></p>

<hr />

<h4>Using Reveal</h4>
<p>Reveal is easy to hook up. Include the JS and CSS in your <code>head</code> (both of which are included in foundation.css and foundation.js, if you use the downloaded code pack). You can either call it in the JS or include a "data-reveal-id" parameter. Here are the steps to get started:</p>

<h5>Markup</h5>
<p><strong>Remember:</strong> your modal should be at the end of the page, after any of your rows or columns.</p>

<h5>Calling Reveal</h5>
<p>There are two ways to do call a Reveal modal. The first is to attach a handler to something (button most likely) then call Reveal:</p>

<p>The new hotness: just add a data-reveal-id to the object which you want to fire the modal when clicked...</p>

<p>This will launch the modal with the ID "myModal2" without attaching a handler or calling the plugin (since the plugin is always listening for this). You can also pass any of the parameters simply by putting a data-nameOfParameter="value" (i.e. data-animation="fade")</p>

<h4>Sizes</h4>
<p>Out of the box, reveal supports a few different sizes, those are:<br> <kbd>small</kbd> <kbd>medium</kbd> <kbd>large</kbd> <kbd>xlarge</kbd> <kbd>expand</kbd></p>
<hr />

<h4>Options</h4>

<p>Options can be used on the "data-reveal-id" implementation too, just do it like this:</p>

</div>
</div>

Expand Down

0 comments on commit df44d5b

Please sign in to comment.