0
Welcome Guest! Login
0 items Join Now

Creating a popup login form in Callisto

    • tonnick's Avatar
    • tonnick
    • Hero Rocketeer
    • Posts: 393
    • Thanks: 2

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • ok great ! it works perfectly now ! well done
    • Edward S's Avatar
    • 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

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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: 3 years 10 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's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 82459
    • Thanks: 10448
    • Web Designer/Developer

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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's Avatar
    • 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

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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's Avatar
    • Twiggliscious
    • Elite Rocketeer
    • Posts: 548
    • Thanks: 0
    • Joomla KungFu!!!

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 82459
    • Thanks: 10448
    • Web Designer/Developer

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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's Avatar
    • Twiggliscious
    • Elite Rocketeer
    • Posts: 548
    • Thanks: 0
    • Joomla KungFu!!!

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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: 3 years 10 months ago by Twiggliscious.

    • Mike-

      "Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 82459
    • Thanks: 10448
    • Web Designer/Developer

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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's Avatar
    • Twiggliscious
    • Elite Rocketeer
    • Posts: 548
    • Thanks: 0
    • Joomla KungFu!!!

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 82459
    • Thanks: 10448
    • Web Designer/Developer

    Re: Creating a popup login form in Callisto

    Posted 3 years 10 months ago
    • 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.328 seconds