Gantry 5 Popup module (eg. for registration/login form)
-
-
- Mike Feng
- Sr. Rocketeer
- Posts: 197
- Thanks: 1
-
I noticed in the documentation page (
www.rockettheme.com/docs/joomla
) that there's a documentation for setting up popup module in Gantry 4 but not for Gantry 5. It's actually possible with Gantry 5 and is quite simple, and I will try to describe it here.
1) Install RokBox ( demo.rockettheme.com/joomla-extensions/rokbox/ )
2) Go to your Gantry 5 template's Layout page and add a module position (any will do). This module can be anywhere and any size, because it's just a placeholder for the physical login form, which will be hidden (see #3).
3) Modify your custom CSS file to add#login-form {display:none;}
4) Now you need to add a button/link for users to click which will activate the popup. The link's HTML is:<a data-rokbox data-rokbox-element="#login-form" href="#">Login</a>
You can add this HTML chunk by adding a Custom HTML particle, then click on the gear to add the code, or you can use a nifty new Gantry 5 feature by adding it to your menu. To do this, go to your Gantry 5 template's backend and click on Menu on the top right (the link with the menu icon, next to Configuration). Drag a Particle into the spot you wish for the popup link to show, and add the HTML chunk into this particle.
Note: you can make a popup of anything, not just the login module, or not even just a module. Simply add an ID to the parent item of an HTML chunk, then replace the data-rokbox-element attribute to the name of the parent, and it'll work the same.
Hope this helps! - Last Edit: 9 years 11 months ago by Mike Feng.
-
The following users have thanked you: Matt
- My extensions:
http://www.simbunch.com/
http://twitter.com/simbunch
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22268
- Thanks: 3224
- messin' with stuff
-
Thank you for the post!
Another method here: www.rockettheme.com/forum/joomla-templat...gin-form-in-callisto - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.064 seconds