CODEWITHSUNDEEP
javascriptjqueryzurb-foundationzurb-foundation-6
juntapao
juntapao

Reputation: 427

Foundation 6 Reveal Modal Tiny Not Working

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.

Upvotes: 0

Views: 310

Answers (1)

GL.awog
GL.awog

Reputation: 1322

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

Upvotes: 1

Related Questions