0
Welcome Guest! Login
0 items Join Now

Creating a popup login form in Callisto

    • sklar's Avatar
    • sklar
    • Sr. Rocketeer
    • Posts: 207
    • Thanks: 1

    Re: Creating a popup login form in Callisto

    Posted 3 years 9 months ago
    • Thank you, that works great!
    • Melanie's Avatar
    • Melanie
    • Hero Rocketeer
    • Posts: 273
    • Thanks: 3

    Re: Creating a popup login form in Callisto

    Posted 3 years 9 months ago
    • Hi,

      I have just followed your instructions for creating the login popup (thanks).

      However its not quite right yet. I followed the original instructions and it produced a red button. I am using Ambrosia template and requre the small purple button. In my custom htlm I have pasted the following:

      {source}
      <?php
      $user = JFactory::getUser();
      if ($user->guest) { 
      ?>
      [[a href="#" data-rokbox data-rokbox-element="#mypoplogin"]][[span class="button button-small button-purple"]]Login[[/span]][[/a]]
      <?php
      }
      else { 
      ?>
      [[a href="#" data-rokbox data-rokbox-element="#mypoplogin"]][[span class="button button-2 button-red"]]Logout[[/span]][[/a]]
      <?php
      }
      ?>
      {/source}


      I have cleared breowser cache, cleared Joomla cache and my button still remaqins large and red. I have gone through the steps and I can't see where I might have gone wrong.

      When I try to log out, I get a whirring circle. When I inspect google elements, I see the following message:

      Uncaught TypeError: Cannot read property 'y' of undefined rockbox.js (this points to /plugins/system/assets/js/rockbox.js

      Also, because I cannot test this yet, I am unsure if it has a register button? I have Jomsocial on my website, so is this login module going to be ok with handling the registration for jomsocial?

      Any help would be most appreciated.

      Kind regards

      Mel
    • Last Edit: 3 years 9 months ago by Melanie.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 85056
    • Thanks: 10909
    • Web Designer/Developer

    Re: Creating a popup login form in Callisto

    Posted 3 years 9 months ago
    • Melanie - you link does not work? Please check.

      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.
    • Melanie's Avatar
    • Melanie
    • Hero Rocketeer
    • Posts: 273
    • Thanks: 3

    Re: Creating a popup login form in Callisto

    Posted 3 years 9 months ago
    • My apologies, I hit the wrong key when entering web address. Please see now
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 85056
    • Thanks: 10909
    • Web Designer/Developer

    Re: Creating a popup login form in Callisto

    Posted 3 years 9 months ago
    • Ok I changed that for you - you had only changed it for "login" and not for "logout" - now it's working ok.

      Regards, Mark.
    • The following users have thanked you: Melanie

    • 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.
    • Melanie's Avatar
    • Melanie
    • Hero Rocketeer
    • Posts: 273
    • Thanks: 3

    Re: Creating a popup login form in Callisto

    Posted 3 years 9 months ago
    • Hi Mark,

      thank you - the colour and size have now changed.

      I am just trying to logout and I get this error:

      The element #mypoplogin was not found in the DOM

      I have searched on here, and it says to add popup or login as the position in the module. I have tried both and neither work for me.

      I know in old gantry we had to select the login position via template area, but I cannot find that option.

      What am I missing?

      Mel
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 85056
    • Thanks: 10909
    • Web Designer/Developer

    Re: Creating a popup login form in Callisto

    Posted 3 years 9 months ago
    • 1. You didn't follow the instruction correctly - you added "mypoplogin" as a CSS Class instead of an ID.
      2. You had the login module assigned to "selected" pages instead of "all"
      3. You extension called "minitek wall" is breaking rokbox and causing a JS error. Once i disabled this extension in extensions manager > manage (filter on "minitek") (see screenshot) then the logout then works (see screenshot).

      You will also need this piece of CSS to make the login box look nicer (again one of your third-party plugins is altering things)...
      div#mypoplogin {
          width: 100%;
      }
      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      I have left the minitek wall plugin disabled so you can see that the login/out works now.

      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.
  • Re: Creating a popup login form in Callisto

    Posted 3 years 6 months ago
    • I tried your steps and i get the pop up but the box says "The element #mypoplogin was not found in the DOM."
      what am I missing?
      the only thingi have left from your tutorial is the bita bout getting hte login and logoff status done but have not gotten there since i cant get the pop up to work correctly yet.
      I am using Callisto template with Joomla 3.4 if that helps
      thanks
      carlos
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 85056
    • Thanks: 10909
    • Web Designer/Developer

    Re: Creating a popup login form in Callisto

    Posted 3 years 6 months ago
    • Carlos Cordova - that means you have not done step 4 correctly. if you need more help 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.
  • Re: Creating a popup login form in Callisto

    Posted 3 years 6 months ago
    • This message contains only secure information that is visible to MrT, moderators and administrators

Time to create page: 0.115 seconds