Creating a popup login form in Callisto
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Carlos Cordova wrote:
Mark - thank you for looking at this for me.
I have verified that I have followed your process as it is laid out. I did find a thread where a user put the mypoplogin into the class instead of ID and i verified mine was in the correct location. I have recompsed the CSS... not sure what else to look at.
Did you remember to clear your browsers cache? I tried in Chrome and Firefox and got this in both:
This image is hidden for guests.
Please log in or register to see it. - Last Edit: 9 years 1 month ago by DanG.
-
The following users have thanked you: Carlos Cordova
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
-
I need to replace the "custom HTML" Particle by a “Module instance” Particle associated with a module accessible by the module manager
It seem that your code —>
<a href="#" data-rokbox data-rokbox-element="#mypoplogin"><span class="button button-2 button-red">Login</span></a>
Is not recognized or change by any editor, I try onboard Joomla editor and JCE. The code is always modified on save with.
<a href="#" data-rokbox="" data-rokbox-element="#mypoplogin"><span class="button button-2 button-red">Login</span></a>
- Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Carlos Cordova
- Newbie
- Posts: 8
- Thanks: 0
-
Yes a miz of cache and the fact that I didnt know that the Login Module had to be assigned to a particular page.
Once I assigned it to the home page the login popup started working.
thank you for your help on this, I knew i was missing a step here.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Carlos Cordova - Actually for that login module you want to assign it to "all pages" really so that you can use the login from any page. There's no hard in doing that even if you don't use the popup login on every page.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Patrick Toulze - There's no harm in that modification by your editor, using data-rokbox attribute or data-rokbox="" are equivalent anyway.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
-
Thanks MrT
My Actual setup:
1— I create a login module in the Joomla Module Manager
- No position selected (Position = None)
- Module assignement = No pages
- Published
2— In Isotope Template Manager -> Isotope Home -> Layout
- I add a Module Instance that link to that previous Login Module
- CSS ID = grafpoplogin
- Tag Attributes = style display: none;
- Published
3— I create a Custom HTML module in the Joomla Module Manager
- No position selected (Position = None)
- Module assignement = On All Pages
- Published
- link =<a href="#" data-rokbox="" data-rokbox-element="#grafpoplogin"><span class="button button-2 button-red">Login</span></a>
2— In Isotope Template Manager -> Isotope Home -> Layout (in the Navigation section (between “Logo” & “Overlay”)
- I add a Module Instance that link to that previous Custom HTML Module
- Published
Clicking the button in front = I Get This error —>
“Error
The element #grafpoplogin was not found in the DOM.” - Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Patrick Toulze - Please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
-
This is on a test site for Isotope.
Be patient with me, I’m brand new to Gantry 5 - Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
two mistakes.
1. the login module was not assigned to "all pages" (see screenshot)
2. the module instance on the layout need to be on a separate row on the copyright section so it is 100% width.
I changed these and it now works.
Regards, Mark. -
The following users have thanked you: Patrick Toulze
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
- Thanks MrT Work perfectly
- Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
Time to create page: 0.082 seconds