Stacks / Blocks in Modals
Permalink Browser Info Environment
Hey,
I just purchased your theme and I'm now playing around configuring it.
One thing I would like to do is put another block (besides the login as you have it) into a modal, in this case - a Mailing List Signup block.
Is there any easy logic behind how this can be done? Would be great not having to mess around with different addons to achieve this.
I just purchased your theme and I'm now playing around configuring it.
One thing I would like to do is put another block (besides the login as you have it) into a modal, in this case - a Mailing List Signup block.
Is there any easy logic behind how this can be done? Would be great not having to mess around with different addons to achieve this.
| Type: | Discussion |
|---|---|
| Status: | New |
Thank you very much! Got it working quickly! Great theme, great work!
One more thing to clarify:
The embedded block does not pick up the CSS of the theme, I've tried wrapping it in ff-wrapper as well as ff-main-wrap, but it won't show any difference.
This is just about form fields and buttons, is there any other class I need to div around the code to get it working? Thank you!
The embedded block does not pick up the CSS of the theme, I've tried wrapping it in ff-wrapper as well as ff-main-wrap, but it won't show any difference.
This is just about form fields and buttons, is there any other class I need to div around the code to get it working? Thank you!
Hi there,
It is hard to say here as you are using third party blocks and custom coding.
We can not support this type of thing I am afraid as I am sure you can appreciate.
I would just suggest looking at how other blocks in the package are coded and work; also check there is no specific CSS from your third party block overwriting it...
Thanks
It is hard to say here as you are using third party blocks and custom coding.
We can not support this type of thing I am afraid as I am sure you can appreciate.
I would just suggest looking at how other blocks in the package are coded and work; also check there is no specific CSS from your third party block overwriting it...
Thanks
Hello :)
yeah sure, I understand that this is none of your concerns :)
Just to clarify for anyone else following this:
To get all the IDs and Tokens, I just added the block to the page itself, got the source code of the ready HTML and pasted it into a HTML block, wrapped in the "reveal" class. I got it stripped of all the original div classes that could interfere with CSS, but still no luck in getting the foundation css to work. I will go on with trying and will post if I find a solution.
Thanks for your work :)
yeah sure, I understand that this is none of your concerns :)
Just to clarify for anyone else following this:
To get all the IDs and Tokens, I just added the block to the page itself, got the source code of the ready HTML and pasted it into a HTML block, wrapped in the "reveal" class. I got it stripped of all the original div classes that could interfere with CSS, but still no luck in getting the foundation css to work. I will go on with trying and will post if I find a solution.
Thanks for your work :)
Ok, I just found it:
markup must be:
It did not work before because I had the ff-wrappers outside of the reveal div.
markup must be:
<div id="myModal" class="reveal-modal" data-reveal> <a class="close-reveal-modal">×</a> <div class="ff-wrapper"><div class="ff-main-wrap"> YOUR BLOCK HTML </div> </div> </div>
It did not work before because I had the ff-wrappers outside of the reveal div.
The modals in the blocks are created following the coding conventions herehttp://foundation.zurb.com/docs/components/reveal.html...
You could follow a similar approach changing the view of your block.
Thanks