Creating a popup login form in Callisto
-
-
- findhab
- Rocketeer
- Posts: 55
- Thanks: 4
-
Hello,
I followed the instruction and worked perfectly. Thanks!
However I just noticed that when I click everywhere on the page the popup screen popes up... I don't know where I went wrong
.
The only change that I made is that I removed the red button.
{source} <?php $user = JFactory::getUser(); $username = $user->username; if ($user->guest) { echo "<a href=\"#\" data-rokbox data-rokbox-element=\"#mypoplogin\"><span class=\" \">Login</span></a>";} else { echo "<a href=\"#\" data-rokbox data-rokbox-element=\"#mypoplogin\"><span class=\" \">Logout $username</span></a>";} ?> {/source}
Please advise.
Regards,
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Kibb - I can't advise you if you don't post a link.
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.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
I think the issue relates to the fact that you have put the customhtml particle in the menu rather than on the layout as per my instructions. Please try changing it to what my tutorial said to do.
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
-
ok let me know outcome.
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
-
Ok good, at least you have it working then.
Regards, Mark. -
The following users have thanked you: findhab
- 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.
-
-
-
- sklar
- Hero Rocketeer
- Posts: 263
- Thanks: 1
-
Hi Mark,
Thank you for sharing this, I enclosed this code in my Salient website just now.
Any tips on how to get the login button any smaller?
griffid.ssim.eu/index.php
Thanks!
Best regards, Chantal
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Use this code...
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .a[data-rokbox-element="#mypopuplogin"] .button { padding: 0.1rem .3rem; font-size: 0.7rem; }
Remember to recompile CSS from base outline too.
It's best to start your own topic rather than asking specific styling questions in this tutorial.
Regards, Mark. -
The following users have thanked you: sklar
- 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.
-
Time to create page: 0.084 seconds