Topic-icon Change registration screen

Active Subscriptions:

None
10 years 3 months ago #57257 by timwil
Looking to change the registration form to something similar to below. Got some feedback that just putting social icons along the top or bottom was a bit confusing so need to add a narrative.



Which files should I be looking at to make these changes to the output?
The topic has been locked.
Support Specialist
10 years 3 months ago #57264 by mel
Replied by mel on topic Change registration screen
That looks like the Joomla users registration page and you've set our option to 'Integrate into Joomla Login' to Top. The file that has this view should be in /components/com_users/views/registration/tmpl/default.php. However, you should create an override in your template for this file so that you don't lose any changes on upgrade of Joomla.

-Melissa
The topic has been locked.
Active Subscriptions:

None
10 years 3 months ago - 10 years 3 months ago #57265 by timwil
Replied by timwil on topic Change registration screen
What I want to change is the bit at the top generated by JFBConnect. The lower part, generated by Joomla core is fine.

Also I wish to draw your extension to an issue with the the registration screen. When hovering over the social buttoms, I get "Login with Google" (or whichever social network button the cursor is over) rather than "Register with Google".

Registering and logging in are 2 separate processes and while it might not be a problem for us developers, it could very well cause confusion to our users.
Last edit: 10 years 3 months ago by timwil.
The topic has been locked.
Active Subscriptions:

None
10 years 3 months ago #57267 by timwil
Replied by timwil on topic Change registration screen
Blmey I am even more confused now than ever !!!

Given that it's a weekend and you're all probably getting drunk at Joomla Florida 2016, I thought I would have a go at hacking the code myself. In the file en-GB.com_jfbconnect.ini there is language variable called COM_JFBCONNECT_REGISTER_WITH with the default value being "Register With ". I decided to change this to "Register using your Social Media Account" in an attempt to explain the purpose of the social icons. This worked and I now get the below: (see screenshot).

However, when I looked inside the extension zip to see which file called the COM_JFBCONNECT_REGISTER_WITH language variable, my search software cannot find it in anything other than the ini files. My idea was if I can find the file outputting the above language variable, I could then edit that and get a nice registration page but now I am stumped !!
The topic has been locked.
Support Specialist
10 years 3 months ago #57279 by alzander
Replied by alzander on topic Change registration screen
Uhh... yeah.. you've hit on one of the ugliest parts of our component, unfortunately. There's no template override or styles we provide to really alter that section well. With that said, using the styles we apply, you should be able to get pretty close with using the template classes that are automatically applied to the page.

So, let's start with:
.com_users.view-registration .maincontent .sourcecoast .row-fluid {
    border: 1px solid black;
    padding: 20px;
    margin-bottom: 20px;
    background: grey;
}
That will make the entire block look very similar to your picture above (you'll need to adjust things a bit though, but you'll get the point).

Then, the below will make the social buttons on their own line:
.com_users.view-registration .maincontent .social-login.google {
    clear: both;
}
Combined with the intro text from the language file, which you could use something like:
COM_JFBCONNECT_REGISTER_WITH="<h2>Social Media Registration</h2><p>Use your existing social account...</p>"
And you should be really close. The only thing you're missing at that point is the post-text. We can help you add that pretty easily, though it would take a code change. If you can make the above work, then you should be golden without messing with any code.

Let me know how that works for you!

Finally, Joomla Day Florida was great. Saw some old friends and made some new ones. Probably a few too many beers though :)

All the best, and thanks for your patience,
Alex
The topic has been locked.