Archived

This topic is now archived and is closed to further replies.

  • 0

Hiding Modal Content On Every Page

Question

Posted · Report post

Hi. I need to put the content for my login modal on every page, in the main body, hidden somewhere. It needs to be there regardless of what template I'm using. That way I can just use the html link: <a href="#myModal" class="texttrigger" data-toggle="modal">Login</a>

 

...and call it out from anywhere on the page. If I put the content in the header or the footer, it screws up my css styling for the modal, so it needs to be in the main content section, but regardless of the template, in a hidden div or something.

 

Is this possible, and how could I do this? Thanks for your time.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hiding the div just made the modal invisible when called. Turns out, however, that I can just leave the html version of the modal in a sidebar text widget with no href link and it stays hidden until called. Too simple. Thanks, James. 

Share this post


Link to post
Share on other sites

Posted · Report post

You could try putting it inside its own div and then hiding the div using css. Or inside a contentbox in the drag and drop and then hiding it on the page using the page meta settings.

Share this post


Link to post
Share on other sites

Posted · Report post

Nice. I'll give that second one a shot first. Thanks.

Share this post


Link to post
Share on other sites