Menu icon Foundation

Designer | Bern, Switzerland

My Posts



My Comments

Kuba Degi commented on Kuba Degi's post almost 4 years

Fantastic! Thanks again

Kuba Degi commented on Kuba Degi's post almost 4 years

Great! Thanks a lot! It works....

Do You know if, I can customize the effect?
I believe there was something in the docs about animating or something...

Thanks again!

I have to learn Javascript!

Kuba Degi commented on Kuba Degi's post almost 4 years

sorry for posting it 3 times....now I know how to shoe code

Thanks for any help

Kuba Degi commented on Kuba Degi's post almost 4 years

Hi there

I want to try this method for the time being. May I ask, why You don't like it?

I am using F6

I saw somewhere this code, but it wont work for me:

$(document).ready(function(){$('#exampleModal1').foundation('reveal', 'open')});

Here is my basic code with a link to activate the reveal:

<!doctype html>
<html class="no-js" lang="en">
 <head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/style.css" />
 <!-- ____________REVEAL MODAL________________ -->


 <p><a data-open="exampleModal1">Click me for a modal</a></p>

 <div class="large 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>
 <!-- ____________END REVEAL MODAL________________ -->



<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/app.js"></script>
<script src="js/foundation.min.js"></script>

<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.core.js"></script> 
<script src="js/foundation/foundation.util.keyboard.js"></script> 
<script src="js/foundation/foundation.util.triggers.js"></script> 
<script src="js/foundation/foundation.util.mediaQuery.js"></script> 
<script src="js/foundation/foundation.util.motion.js"></script> 


 <!-- ____________REVEAL MODAL SCRIPT________________ -->

 <script>

 $(document).foundation();

 </script>

Thanks a lot
Jakob

Kuba Degi commented on Kuba Degi's post almost 4 years

Hi there

I want to try this method for the time being. May I ask, why You don't like it?

I am using F6

I saw somewhere this code, but it wont work for me:

$(document).ready(function(){$('#exampleModal1').foundation('reveal', 'open')});

Here is my basic code with a link to activate the reveal:

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/style.css" />




</head>
<body>


<!-- ____________REVEAL MODAL________________ -->


<p><a data-open="exampleModal1">Click me for a modal</a></p>

Awesome. I Have It.
Your couch. It is mine.
I'm a cool paragraph that lives inside of an even cooler modal. Wins!

×


<!-- _________END REVEAL MODAL_____________ -->

<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/app.js"></script>
<script src="js/foundation.min.js"></script>

<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.core.js"></script> 
<script src="js/foundation/foundation.util.keyboard.js"></script> 
<script src="js/foundation/foundation.util.triggers.js"></script> 
<script src="js/foundation/foundation.util.mediaQuery.js"></script> 
<script src="js/foundation/foundation.util.motion.js"></script> 


<!-- ____________REVEAL MODAL SCRIPT________________ -->

<script>

$(document).foundation();

</script>

</body>

Thanks a lot
Jakob

Kuba Degi commented on Kuba Degi's post almost 4 years

Hi there

I want to try this method for the time being. May I ask, why You don't like it?

I am using F6

I saw somewhere this code, but it wont work for me:

$(document).ready(function(){$('#exampleModal1').foundation('reveal', 'open')});

Here is my basic code with a link to activate the reveal:

<!doctype html>





Foundation | Welcome


<!-- ____________REVEAL MODAL________________ -->

Click me for a modal

Awesome. I Have It.
Your couch. It is mine.
I'm a cool paragraph that lives inside of an even cooler modal. Wins!

×


<!-- _________END REVEAL MODAL_____________ -->

<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/app.js"></script>
<script src="js/foundation.min.js"></script>

<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.core.js"></script> 
<script src="js/foundation/foundation.util.keyboard.js"></script> 
<script src="js/foundation/foundation.util.triggers.js"></script> 
<script src="js/foundation/foundation.util.mediaQuery.js"></script> 
<script src="js/foundation/foundation.util.motion.js"></script> 


<!-- ____________REVEAL MODAL SCRIPT________________ -->

<script>

$(document).foundation();

</script>

Thanks a lot
Jakob

Posts Followed

No Content

Following

    No Content

Followers

My Posts


My Comments

You commented on Kuba Degi's post almost 4 years

Fantastic! Thanks again

You commented on Kuba Degi's post almost 4 years

Great! Thanks a lot! It works....

Do You know if, I can customize the effect?
I believe there was something in the docs about animating or something...

Thanks again!

I have to learn Javascript!

You commented on Kuba Degi's post almost 4 years

sorry for posting it 3 times....now I know how to shoe code

Thanks for any help

You commented on Kuba Degi's post almost 4 years

Hi there

I want to try this method for the time being. May I ask, why You don't like it?

I am using F6

I saw somewhere this code, but it wont work for me:

$(document).ready(function(){$('#exampleModal1').foundation('reveal', 'open')});

Here is my basic code with a link to activate the reveal:

<!doctype html>
<html class="no-js" lang="en">
 <head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/style.css" />
 <!-- ____________REVEAL MODAL________________ -->


 <p><a data-open="exampleModal1">Click me for a modal</a></p>

 <div class="large 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>
 <!-- ____________END REVEAL MODAL________________ -->



<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/app.js"></script>
<script src="js/foundation.min.js"></script>

<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.core.js"></script> 
<script src="js/foundation/foundation.util.keyboard.js"></script> 
<script src="js/foundation/foundation.util.triggers.js"></script> 
<script src="js/foundation/foundation.util.mediaQuery.js"></script> 
<script src="js/foundation/foundation.util.motion.js"></script> 


 <!-- ____________REVEAL MODAL SCRIPT________________ -->

 <script>

 $(document).foundation();

 </script>

Thanks a lot
Jakob

You commented on Kuba Degi's post almost 4 years

Hi there

I want to try this method for the time being. May I ask, why You don't like it?

I am using F6

I saw somewhere this code, but it wont work for me:

$(document).ready(function(){$('#exampleModal1').foundation('reveal', 'open')});

Here is my basic code with a link to activate the reveal:

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/style.css" />




</head>
<body>


<!-- ____________REVEAL MODAL________________ -->


<p><a data-open="exampleModal1">Click me for a modal</a></p>

Awesome. I Have It.
Your couch. It is mine.
I'm a cool paragraph that lives inside of an even cooler modal. Wins!

×


<!-- _________END REVEAL MODAL_____________ -->

<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/app.js"></script>
<script src="js/foundation.min.js"></script>

<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.core.js"></script> 
<script src="js/foundation/foundation.util.keyboard.js"></script> 
<script src="js/foundation/foundation.util.triggers.js"></script> 
<script src="js/foundation/foundation.util.mediaQuery.js"></script> 
<script src="js/foundation/foundation.util.motion.js"></script> 


<!-- ____________REVEAL MODAL SCRIPT________________ -->

<script>

$(document).foundation();

</script>

</body>

Thanks a lot
Jakob

You commented on Kuba Degi's post almost 4 years

Hi there

I want to try this method for the time being. May I ask, why You don't like it?

I am using F6

I saw somewhere this code, but it wont work for me:

$(document).ready(function(){$('#exampleModal1').foundation('reveal', 'open')});

Here is my basic code with a link to activate the reveal:

<!doctype html>





Foundation | Welcome


<!-- ____________REVEAL MODAL________________ -->

Click me for a modal

Awesome. I Have It.
Your couch. It is mine.
I'm a cool paragraph that lives inside of an even cooler modal. Wins!

×


<!-- _________END REVEAL MODAL_____________ -->

<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/app.js"></script>
<script src="js/foundation.min.js"></script>

<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.core.js"></script> 
<script src="js/foundation/foundation.util.keyboard.js"></script> 
<script src="js/foundation/foundation.util.triggers.js"></script> 
<script src="js/foundation/foundation.util.mediaQuery.js"></script> 
<script src="js/foundation/foundation.util.motion.js"></script> 


<!-- ____________REVEAL MODAL SCRIPT________________ -->

<script>

$(document).foundation();

</script>

Thanks a lot
Jakob

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content