0

Below is my sample code for html:

<div class="reveal tiny" id="testingOnly" data-reveal>
    <p>testing reveal</p>
    <button class="button" data-close>Close</button>
</div>
<button class="button" onclick="testingOnly.open();">Content Here</button>

for javascript:

var testingOnly = new Foundation.Reveal($('#testingOnly'));

My question is, why does reveal modal always show as large? class tiny is not working but full does. I don't know why it's not working. Here is my fiddle.

Colin Marshall
  • 2,142
  • 2
  • 21
  • 31
juntapao
  • 407
  • 3
  • 12

1 Answers1

1

That's because you didn't initialize Foundation on your page for initializing foundation classes

$(document).foundation();

DEMO

If you download the whole package from their official site, you'll have app.js with just this one line in it.

documentation

GL.awog
  • 1,300
  • 1
  • 7
  • 15