Jump to content
thomstark

Hiding Modal Content On Every Page

Recommended Posts

thomstark    2
thomstark

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
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
thomstark    2
thomstark

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

Share this post


Link to post
Share on other sites
thomstark    2
thomstark

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×