Topic-icon JFBC Integration with Joomla 4.3.1 Registration form

10 months 3 weeks ago - 10 months 3 weeks ago #68562 by olivus
Hi Mel,
Hope all is well.

I am migrating my current production site (3.10.11) to a staging site (Joomla 4.3.1) for both sites I am running JFBConnect 9.0.215

Production site (J3) is @ quelprix.immo , and integration of JFBC Registration with Joomla 3 Registration form is working well.
Staging site (J4) is @ quelpriximmo.com
All the migration steps went well, but I am stalled with the JFBC Integration that is no longer working.

I tried to mimic instructions, you provided me with 9 months ago for Joomla 3 integration (ticket #68196 Replied by mel on topic JFBConnect Registration integration with Joomla Registration Form )
but given the Joomla 4 structure seems different it does not work.

Following links do NOT work with Joomla 4.3.1
quelpriximmo.com/component/users/registration?Itemid=101
quelpriximmo.com/component/users/remind?Itemid=101
quelpriximmo.com/component/users/reset?Itemid=101

While they are working with Joomla 3.10.11
quelprix.immo/component/users/?view=registration&Itemid=101
quelprix.immo/component/users/?view=remind&Itemid=101
quelprix.immo/component/users/?view=reset&Itemid=101

Any help would be much appreciated
Thanks
Last edit: 10 months 3 weeks ago by olivus.
The topic has been locked.
Support Specialist
First off, I apologize for the lengthy delay. We had an issue that was preventing us from responding to support requests but it is rectified now.

As this post is a few months old, I wanted to first ask if you're still having issues. We'd be more than happy to help get you up and running, but it'd be helpful to know the current state of the site so we know what issues you're currently running into to assist with.

Thanks,
Alex
The topic has been locked.
Support Specialist
6 months 2 weeks ago #68615 by mel
I've also extended your subscription another 6 months. We're sorry for the inconvenience our delayed response has caused.

-Melissa
The topic has been locked.
6 months 1 week ago - 6 months 1 week ago #68665 by olivus
Thanks Mel for the extension,
I did NOT migrate to Joomla 4 yet, as there are remaining questions/issues.
I continue running production site @ quelprix.immo successfully with Joomla 3.10.12 module SClogin 9.0.215 and component JFBConnect for Joomla  9.0.215 (see pic1)
Before reworking on the Joomla4 migration, I need to fix the following issue with Joomla 3 when updating SClogin & JFBConnect for Joomla  to 9.0.244
after updating SClogin to 9.0.244 , the Login/Registration form is not showing up correctly (see pic2) I have issue with a wrong alignement and extra space.

I am looking for the same result as pic1
Any help would be much appreciated
Thanks
Attachments:
Last edit: 6 months 1 week ago by olivus.
The topic has been locked.
Support Specialist
6 months 1 week ago #68669 by mel
1. The top button has the extra spacing because there is extra margin. Looks like there's a "btn" class on the second showpassword button in our template file. Looking at the code, we should remove that class because it's not consistent with the other buttons in the SCLogin module and can be configured in the SCLogin > Styles > Show Password Button CSS Class option.

I'll remove the btn class for the next release, but in the meantime, if you want to edit the /modules/mod_sclogin/tmpl/joomlaLogin_vertical.php file at line 65, change
<span class="input-group-text btn <?php echo $params->get('showpassword_button_class');?>">
to
<span class="input-group-text <?php echo $params->get('showpassword_button_class');?>">

Likewise if you change to the horizontal orientation, you'd have to change the joomlaLogin_horizontal.php file instead

2. There's a style in your template quelpriximmo.com/templates/mcreative/css/s5_responsive.css that adds a padding for .sclogin span. This is what's causing the extra space.
It's fine if you want to add padding for the other spans (like the button icons), but then you could target span.btn-link to have no padding, like the following?
.sclogin span.btn-link {
padding: 0px !important;
}

-Melissa
The topic has been locked.
6 months 1 week ago - 6 months 1 week ago #68676 by olivus
Thanks Mel,This is fixing the issue.
Last point is with the responsive screen (see pic3) Where and What should I change to avoid the white background ?Thanks
Attachments:
Last edit: 6 months 1 week ago by olivus.
The topic has been locked.
Support Specialist
6 months 1 week ago #68678 by mel
Where are you getting that one popping up with a dark background everywhere else? When I click the modal button on quelpriximmo.com/ for my desktop, I get a white background. Usually, it's easiest if I can inspect the elements to suggest the css change.
The topic has been locked.
6 months 1 week ago #68680 by olivus
Hi Mel,
Pb is popping up from my iPhone. should be probably the same for Android.
Everything is working well from desktop
Thanks
The topic has been locked.
Support Specialist
6 months 1 week ago #68681 by mel
Gotcha. Like the other span issue, the s5_responseive is adding a background color to span, so you can add

[code].sclogin span.btn-link {
background: none !important;
}[/color]

I looked at in my web browser for mobile and desktop sizes, and the background looked fine for both for me, but double-check.

-Melissa
The topic has been locked.
6 months 1 week ago #68682 by olivus
Thanks so much Mel !
I confirm it's working well on my side, both from desktop & mobile

 
The topic has been locked.