You need to sign in to do that
Don't have an account?
pintoo rajput
How can i implement Foundation-Zurb in visualforce Page
H!! my code is below
<apex:page sidebar="false" standardStylesheets="false" showHeader="false" applyHtmlTag="false">
<head>
<apex:stylesheet value="{!URLFOR($Resource.FoundationAssets, 'css/normalize.css')}"/>
<apex:stylesheet value="{!URLFOR($Resource.FoundationAssets, 'css/foundation.min.css')}"/>
<apex:includeScript value="{!URLFOR($Resource.FoundationAssets,'js/vendor/jquery.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.FoundationAssets,'js/foundation.min.js')}"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<!-- Button trigger modal -->
<a href="#" class="button" data-reveal-id="myModal" data-reveal="">Click Me For A Modal</a>
<!-- Modal -->
<div id="myModal" class="reveal-modal medium">
<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>
</body>
</apex:page>
<apex:page sidebar="false" standardStylesheets="false" showHeader="false" applyHtmlTag="false">
<head>
<apex:stylesheet value="{!URLFOR($Resource.FoundationAssets, 'css/normalize.css')}"/>
<apex:stylesheet value="{!URLFOR($Resource.FoundationAssets, 'css/foundation.min.css')}"/>
<apex:includeScript value="{!URLFOR($Resource.FoundationAssets,'js/vendor/jquery.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.FoundationAssets,'js/foundation.min.js')}"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<!-- Button trigger modal -->
<a href="#" class="button" data-reveal-id="myModal" data-reveal="">Click Me For A Modal</a>
<!-- Modal -->
<div id="myModal" class="reveal-modal medium">
<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>
</body>
</apex:page>
That's how I have a Foundation modal working in a visualforce page. A lot of the code is more for style but...
Noticed that you had:
and not