Topic-icon Styling Registration Form page

Active Subscriptions:

None
11 years 9 months ago #24625 by manyspears
After the user gives LinkedIN permission to connect to our site, the registrant lands on a page controlled by JLinked where all the fields are shown, including fields where import data is pre-populated in fields. See:


This page is not very usable. First, there is a login module in the left column that asks to connect LinkedIN with an existing account. While I understand why this might be useful to existing Jomsocial installs, I'd like to be rid of this, or at least move it to its own page.

Because of this other "existing account" in the left column, the right column is poorly aligned and sloppy. The fields are crammed and the title fields look dumb. And most problematic, hovering on the field pops up instructions that obscure/conflict with the field titles. See example here:



Is this a template issue? Or something controllable by JLinked?
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24705 by Stuart Hoggard
You're right manyspiers - it is a mess... I don't understand why JLinked doesn't redirect to the JomSocial edit profile page
The topic has been locked.
Support Specialist
11 years 9 months ago #24723 by alzander
We're looking into why the JomSocial tooltips are causing those issues. It looks like there's a CSS sheet that we're missing. Not sure if that's a change with one of JomSocial's more recent releases or something else.

As for redirecting to JomSocial's registration process, that's simply not possible. They use completely different forums that expect different information. Once we 'hand off' the registration process, we'd no longer be in control. By then, we'd have already had to create the user in the database and, if JomSocial sees the user already has an account, they won't allow them to register again. It's simply not possible and explains why every extension that does registration basically has their own registration form.

We are looking into ways to cleanup the registration/login page. If you have suggestions, we'd love to hear them. We do accomodate a lot of other systems other than just JomSocial, so we need methods that work for all, but that's not a huge limitation. One of our greatest features is that we can hide fields that are being imported from LinkedIn. The idea for social networking logins is that the process should be 'quicker' and have less forms/fields to fill out, not more. Your overall registration rate increases by something like 10% for each field you're able to remove during registration and something like 50% for each page that is removed. Multi-page registration forms can be a killer. There's lots of studies out there about reg flows and signup rates.

Again though, we agree there are improvements to be had, and hope to roll some changes out over the next few months.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24727 by manyspears
Thanks Alex. I'd like to see the registration section be full body width like other components, but then allow me to add modules in the right or left column like any other Joomla template. (Or in my case using Gantry, sidebars.)

If your fields/registration page can handle a standard 600-700px wide mainbody and display professionally without much fuss, I'm happy.

I would like to separate out the "if you already have an account" block in a module and not the mainbody. I don't think in my use case that anyone will end up having an account and THEN tying it to LinkedIN, and I'm not sure I need to offer that feature anyway.

Thanks,

Tom
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24794 by manyspears
Is this layout issue going to be fixed in the release you're working on for later this week?
The topic has been locked.
Support Specialist
11 years 9 months ago #24802 by alzander
There will be some improvements to the layout, but a full overhaul is unlikely. There are some classes on elements that will be improved to be better inherited from templates.

As for being able to show/hide the login area or making it more vertical, that likely won't be an option. We can help you make changes to the current template if you'd like to alter it's layout now.

We are looking into the JomSocial tooltip issue though and should have that fixed with, or around, the new release.

Thanks,
Alex
The topic has been locked.
Support Specialist
11 years 8 months ago #25085 by alzander
Stuart / Tom,
Just wanted to let you know the newest version of JLinked was just posted. This fixes a few issues with JLinked and is recommended for that alone. Additionally though, we've updated the Login / Register form that both of you are... not so fond of. There's now:
1) A new option in the Configuration area for how that page is displayed:
* Horizontal - how it has been
* Vertical - the login area in a horizontal section at the very top with the registration area in a full-width area underneath (Think you'll like this)
* Register only - No login area at all, just the registration area in a full width area.
2) A separate CSS stylesheet for that page in /components/com_jlinked/views/loginregister/tmpl/loginregister.css That file can be overridden in your template (explained in the file itself) so you can have a lot more control over how that page looks.
3) An updated JomSocial plugin (other profile plugins coming soon) which has better formatting of the labels and inputs

Hope that all helps, and please let us know how it goes after you get things up and running!

Thanks for all your feedback,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 8 months ago #25094 by Stuart Hoggard
Thanks Alex, much appreciated.
Is is possible to have a couple of screenshots so we can know what to expect (!) your descriptions were good, but I'm sure don't quite do justice to the changes ;)
The topic has been locked.
Support Specialist
11 years 8 months ago #25119 by alzander
Stuart,
Unfortunately, we somehow missed removing a style from the view, so we'll likely put out another point release to fix that, but below is an image of what it looks like with that fixed. It's a simple matter of editing /components/com_jlinked/views/loginregister/tmpl/default.php, searching for "45" and removing that whole style of "width: 45%; float:left". When done, with the JomSocial profile plugin enabled, the register form will look something like:
File Attachment:

Even with the style left in, it will look better than before, but a little squished onto the left hand side of the screen. Again, all of the styles are overrideable through a new CSS file, so if you have issues with a certain field, you can easily add specific styles to clean it up now.

Finally, that picture is of the 'vertical' mode. The "Register Only" mode removes the login area from the top altogether. The register portion will look the same.

Would definitely like your feedback. We haven't looked at the Login / Register page in, admittedly, too long of time. Hopefully this is a move in the right direction!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 8 months ago #25139 by apuarv
Hi Alex,
I updated the module today. Can not get the Registration Display Mode: to work. it remains in the Horizontal mode irrespective of the choice.
Checked the code can not find any 'If' condition for other modes apart from Horizontal. Request you to have a look.
thanks
Apuarv
The topic has been locked.