How to create a complete User login in a popup window in Joomla?

General questions relating to Joomla! 5.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
Post Reply
User avatar
Chacapamac
Joomla! Ace
Joomla! Ace
Posts: 1089
Joined: Wed Feb 20, 2008 6:50 am
Location: Canada, Montreal
Contact:

How to create a complete User login in a popup window in Joomla?

Post by Chacapamac » Thu Mar 28, 2024 1:32 pm

I like to create a Login/Logout and Password and Account Creation in a Popup window.
So far, I have been able to do so (not without problems) with JCE Mediabox, but I always end up with part of the template showing in the modal window at some points, even if using &tmpl=component.
Login-logout.jpg
Anybody can give me an overview or put me on the right path of what I need to do to achieve a clean User account management in a popup window?

Ideally, I like to use only Joomla to do so, without third-party extensions.

So far what I have done is:

• Inserting my JCE Mediabox (popup) link (with the &tmpl=component) to a User Awesome icon in a Joomla Custom Module (with “Prepare Content” ON
Code example:
<a href="index.php?option=com_users&amp;view=login&amp;Itemid=007&amp;tmpl=component" class="jcepopup noicon" data-mediabox="1" data-mediabox-width="400" data-mediabox-height="550"><span class="awesome"><i class="fas fa-user fa-fw fa-login"></i></span></a>
popup-link.jpg

• Create Hidden Menus for each state of the user actions
HiddenMenus.jpg
e.g. Login/Logout
login options.jpg
Logout-options.jpg
Any hints about where my mistakes are will be appreciated...
You do not have the required permissions to view the files attached to this post.
Can God help us?
Marketing, SEO, Web development - Powered by Joomla!
http://www.grafcomm.ca/

User avatar
xplosion
Joomla! Guru
Joomla! Guru
Posts: 729
Joined: Thu Aug 18, 2005 9:18 pm
Location: Rome

Re: How to create a complete User login in a popup window in Joomla?

Post by xplosion » Thu Mar 28, 2024 2:39 pm

Take a look on this plugin:
https://github.com/brianteeman/loginmodal

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 31084
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: How to create a complete User login in a popup window in Joomla?

Post by Per Yngve Berg » Thu Mar 28, 2024 3:15 pm

Make a Modal Module Position for the Login Module in your Template.

User avatar
Chacapamac
Joomla! Ace
Joomla! Ace
Posts: 1089
Joined: Wed Feb 20, 2008 6:50 am
Location: Canada, Montreal
Contact:

Re: How to create a complete User login in a popup window in Joomla?

Post by Chacapamac » Fri Mar 29, 2024 10:45 am

xplosion wrote: Thu Mar 28, 2024 2:39 pm Take a look on this plugin:
https://github.com/brianteeman/loginmodal
Thanks @xplosion, Yes, I’m testing this Brian plugin right now, but I’m not to sure how to make it work?
Brian tell me:
Change the Selector of the element that will be used to open the modal in the plugin
My modal login link is a Fontawesome User Icon with this code.

Code: Select all

<span class="brianlogin awesome"><i class="fas fa-user fa-fw fa-login"></i></span>
brianplugin.jpg
I’m doing something wrong... 🙁
You do not have the required permissions to view the files attached to this post.
Can God help us?
Marketing, SEO, Web development - Powered by Joomla!
http://www.grafcomm.ca/


Post Reply

Return to “General Questions/New to Joomla! 5.x”