Menu icon Foundation
Cannot get tabs/modal example working

I'm trying to implement the Contact Page with Map Modal example at:

http://patterntap.com/code/contact-page-map-modal

but both "tabs" display on the page (one below the other), and clicking on the modal map just reloads the page. Here's my attempt:

http://new.stoutbowman.com/contact.html

Any help would be greatly appreciated!

revealtabs

I'm trying to implement the Contact Page with Map Modal example at:

http://patterntap.com/code/contact-page-map-modal

but both "tabs" display on the page (one below the other), and clicking on the modal map just reloads the page. Here's my attempt:

http://new.stoutbowman.com/contact.html

Any help would be greatly appreciated!

K Lim almost 6 years ago

check out the documentation:
http://foundation.zurb.com/docs/components/reveal.html

you are missing an attribute in the div where the reveal class is declared.

Paul Vollmar almost 6 years ago

Thank you. That gets the map modal working. That attribute was missing from the sample code on the example page, too, so I'm curious why that page worked and mine didn't.

The obvious problem with the "tabs" was that it was using sections, which I understand is deprecated in F5, so I probably didn't have the write setup for that. Converting the code to use tabs looks like it will work. Thanks again!

Rafi Benkual almost 6 years ago

Glad you got it! I was on the middle of mocking it up http://cdpn.io/mjrdv

@K Lim, thanks for helping out!