Creating a popup login form in Callisto
-
-
- Edward S
- Hero Rocketeer
- Posts: 274
- Thanks: 0
- Computer Tech and Consultant, Retired (20 years active) Veteran, Single Parent, Comedian, Chief Cook and Bottle Washer
-
Hello MrT
I believe I have followed your tutorial (thank you for it) - the result is showin in the picture
What do I do to make the 'login' portion fill the modal popup window completely.. ? - Last Edit: 9 years 9 months ago by Edward S.
- “Life is tough, but it's tougher when you're stupid.” ~ John Wayne
This is the URL to visit: Http://www.yooperliving.com
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
For some reason you have a 50% width set on the rokbox there? 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. -
The following users have thanked you: Edward S
- 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.
-
-
-
- Edward S
- Hero Rocketeer
- Posts: 274
- Thanks: 0
- Computer Tech and Consultant, Retired (20 years active) Veteran, Single Parent, Comedian, Chief Cook and Bottle Washer
-
Thank you for having a peek at it, Mr T
You were right that "Block Size" set in the layout was 50% - Changed that to 100% and the Modal Box filled up as it should.
I guess I'm still learning much about this Gantry 5 and how the layouts work - I had assumed that the two items in the copywrite grid had to 'share' the size. As it is now.. changing the module block size to 100% now pushes the 'copyright' over and off the edit screen and there's a control that says, 'equalize'... confusing But the pop-up works as expected now.. I'll live with it.
Thanks again. - “Life is tough, but it's tougher when you're stupid.” ~ John Wayne
This is the URL to visit: Http://www.yooperliving.com
-
-
-
- Twiggliscious
- Elite Rocketeer
- Posts: 568
- Thanks: 0
- Joomla KungFu!!!
-
Mr. T,
I got the Custom Html to work...
Is there a way to have the popup work from the Icon Menu?
Just curious...
Mike- -
Mike-
"Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Twiggliscious - Yes if you do a custom override of the iconmenu particle twig (see gantry 5 documentation for how) - to add in the data-rokbox to the link therein.
Regards, Mark. -
The following users have thanked you: Edward S
- 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.
-
-
-
- Twiggliscious
- Elite Rocketeer
- Posts: 568
- Thanks: 0
- Joomla KungFu!!!
-
Mr. T.,
Guess I'm confused:
docs.gantry.org/gantry5/configure/menu-editor
www.rockettheme.com/forum/joomla-extension-rokbox/200731
I get how to do this for a menu item...but with the Icon menu...something else is going on...or I'm not doing things right...
<a href="#" data-rokbox data-rokbox-element="#rt-popuplogin" data-rokbox-caption="Login">Click here for Login</a>
When I try to use this trick in the url field for the Icon Menu...no beuno...
#" data-rokbox data-rokbox-element="#rt-popuplogin" data-rokbox-caption="Login"
I'm sure it's all intuitive...but I'm lost...(I did alter the element name to match my site when I plugged it in...)
Mike- - Last Edit: 9 years 9 months ago by Twiggliscious.
-
Mike-
"Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Twiggliscious - I already answered you:
MrT wrote:Twiggliscious - Yes if you do a custom override of the iconmenu particle twig (see gantry 5 documentation for how) - to add in the data-rokbox to the link therein.
You will not get that working by trying to fiddle the link in the iconmenu particle. You will need to do a custom override of the particle and then change the twig file to add in the data-rokbox on the html link. see http://docs.gantry.org/gantry5/tutorials/overriding-particle-settings .
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.
-
-
-
- Twiggliscious
- Elite Rocketeer
- Posts: 568
- Thanks: 0
- Joomla KungFu!!!
-
Mark,
So I copied the:
/www/templates/rt_callisto/custom/particles/iconmenu.yaml
And I'm in there and located:
items: type: collection.list array: true label: Icon Menu Items description: Create each icon menu item to display. value: name ajax: true fields: .name: type: input.text label: Name skip: true .icon: type: input.icon label: Icon .text: type: input.text label: Text .link: type: "#" data-rokbox data-rokbox-element="#rt-popuplogin" data-rokbox-caption="Login" label: Link
Now getting this:
500 Internal Server Error
Oops, Unexpected characters near " data-rokbox data-rokbox-element="#rt-popuplogin" data-rokbox-caption="Login"" at line 52 (near "type: "#" data-rokbox data-rokbox-element="#rt-popuplogin" data-rokbox-caption="Login"")..
Pretty sure this is the right spot...just not sure how to form the link...
Any ideas?
Mike- -
Mike-
"Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Read what I said again. I said to change the TWIG not the YAML.
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.
-
Time to create page: 0.094 seconds