Questions tagged [zurb-reveal]

56 questions
20
votes
2 answers

How to make react.js play nice together with zurb reveal modal form

I am trying to integrate zurb reveal with form into react component. So far next code properly displays modal form: ModalForm = React.createClass({ handleSubmit: function(attrs) { this.props.onSubmit(attrs); return false; }, render:…
Voldy
  • 12,829
  • 8
  • 51
  • 67
5
votes
3 answers

Foundation 6 reveal modal events not firing for me

I want videos playing in the reveal modal window to stop playing when the modal window closes (who doesn't?). This is easily done with jQuery by setting the iframe source to empty. But I can't figure out how to make it work in a callback. The modal…
b mckenzie
  • 53
  • 1
  • 4
4
votes
2 answers

Foundation6 reveal popup form field unwanted focus lost (in jQuery events?)

I'm coding popup form using Foundation6 reveal. I'm facing JavaScript problem I have traced has probably something to do with jQuery.js / Foundation.js event binding or handling. When I click the text field (or any other field) in reveal window the…
3
votes
2 answers

angular.js and zurb foundation reveal modal

I thank you for your time viewing this newbish jubmled up question/post and ask for your most kindest regards while I attempt to get help! I am trying to set up an reveal modal to drop down with some angular.js linking in the controller for data and…
Jarg7
  • 1,588
  • 2
  • 13
  • 23
2
votes
2 answers

Foundation Reveal size in small screen

I'm using a reveal modal, but I've found - as documented - that in small screens the reveal is 100% of screen width and height, while I need some space... any idea? Thank you
2
votes
2 answers

Multiple Triggers for Same Foundation 6 Reveal Modal Cause Unwanted Scroll on Close

I have a landing page with a single Foundation 6 Reveal modal. The modal contains the Contact Form for the page. That modal, therefore, can be triggered by several buttons that appear in different locations on the page. All the buttons should open…
2
votes
1 answer

AngularJS with Foundation - Controller in Reveal Modal does not work

I have not much experience when it comes to use AngularJS, but I am not a newbie. Worked with it already a little bit. However, I am using AngularJS with Zurb Foundation 6. The Controller in my reveal Modal will not use any angular. For example I…
2
votes
1 answer

Foundation 6 Reveal Modal forcing page to #top

I inherited this site (http://www.fatimatourforpeace.com/wordpress/the-tour) from a former coworker and I've solved most of the small problems with the site, but this one. The modals on the page (click More Information) force the page back up to the…
Jeph
  • 71
  • 1
  • 1
  • 11
2
votes
1 answer

Foundation 6 reveal modal act like overlay and modal box obscured by overlay

Using the example Foundation reveal modal I get a dialog box that is obscured by the overlay. I find it impossible to get the dialog box to show on top of the overlay. I have manipulated the z-index of both the dialog box and the overlay to be 1006…
2
votes
1 answer

How to display the below angular controller output in form of tables using zurb tables and grids

I am very new to angular JS and zurb,I have a controller which displays remote json data located in http://jsonplaceholder.typicode.com/users, but I want to display the response of the controller in form of tables using zurb.When a user clicks on a…
Yaswanth Kumar
  • 459
  • 1
  • 4
  • 10
2
votes
1 answer

opening a section of another page in a foundation reveal modal

So I'm trying to have a modal appear with the content of a section from another page when you click a link. For exmaple. Click Me For A Modal the problem is, I don't want the…
Jarg7
  • 1,588
  • 2
  • 13
  • 23
2
votes
1 answer

foundation 5.4.6 reveal modal not working

foundation reveal modal just doesnt want to work. Here is my code more
Angelos Ar
  • 21
  • 4
2
votes
1 answer

Reveal standalone module not working as expected

I've been using the Reveal module for over a year now using the original version from the Zurb Playground Site (http://zurb.com/playground/reveal-modal-plugin), but I've been having some issue with it so decided to try run just using the Foundation…
dpDesignz
  • 1,909
  • 10
  • 34
  • 70
1
vote
1 answer

How do you force a Foundation Reveal modal to keep the HTML block inside the parent div it was written in?

When using Foundation 6's Reveal modal, the javascript automatically puts the reveal div block immediately before the closing body tag, instead of where it was originally written into the DOM. I need a way to keep the modal code where I originally…
Amcar
  • 43
  • 5
1
2 3 4