Topic-icon SC Login module - bad display

Active Subscriptions:

None
7 years 9 months ago #58655 by scomar
Just bought JFBConnect and trying to setup the Login form.

The modal wasn't working so I am just going for the visible for however, it appears as if it is not finished yet!

The Register button does not match, the Forgot User link is missing its decoration and the remember me link is in an odd place - see screencast.com/t/tZ4E6alqs

May I get some help with fixing this?
The topic has been locked.
Support Specialist
7 years 9 months ago #58661 by mel
Replied by mel on topic SC Login module - bad display
This is not the normal look and feel of SCLogin. Generally when that occurs, it's a conflict with the template on the page. Please provide a specific URL where you're seeing the behavior and I'll inspect the page to see what's happening.

-Melissa
The topic has been locked.
Active Subscriptions:

None
7 years 9 months ago #58709 by scomar
Thanks Melissa,

Please checkout www.keymarwesleyan.org/new/index.php - the login module is at the bottom right.

The green buttons are the BTLogin module (which does not work with your component).

I'd like your login buttons to look like the BTLogin buttons. Can you guide me with this? I am not a programmer.

Also, check out the Register link. BTlogin works, yours doesn't.

Scott
The topic has been locked.
Support Specialist
7 years 9 months ago #58720 by mel
Replied by mel on topic SC Login module - bad display

The green buttons are the BTLogin module (which does not work with your component).

So you can either style our SCLogin module to look like the BTLogin module, or you can add our {JFBCLogin} easy-tag to the BTLogin to show any social network login buttons.

I'd like your login buttons to look like the BTLogin buttons. Can you guide me with this? I am not a programmer.

Try the following styles. They should help get those buttons closer to the ones in the BTLogin module. Some more tweaks may be needed.
.sourcecoast .btn{
background-color:rgb(109, 133, 10);
color: #FFFFFF !important;
text-shadow: none;
padding: 0px 18px;
}

Also, check out the Register link. BTlogin works, yours doesn't.

The BTLogin module looks like it's pointing to com_community (JomSocial) registration page. Please make sure you've set the "Registration Component" setting in SCLogin > Login View Settings tab appropriately to JomSocial. Does this help resolve the issue?

-Melissa
The topic has been locked.
Active Subscriptions:

None
7 years 9 months ago #58769 by scomar
OK - thanks for your reply.

Looks like I'll be able to modify the CSS to get pretty close.

FYI - see screencast.com/t/3yNJ5iKhlwrS - the login and register button need to be made the same class - how should I change that?

Also, I have the registration option in JFBConnect set to jomsocial - anything else I can check? The link is still wrong.
The topic has been locked.
Support Specialist
7 years 9 months ago #58780 by mel
Replied by mel on topic SC Login module - bad display

the login and register button need to be made the same class - how should I change that?

If you want to change the classes on the buttons, then you will need to do a template override. However, I would instead suggest expanding your styles to make them work for both button classes ".sourcecoast .btn" and ".sourcecoast .btn.btn-primary".

FYI - your gradient on hover of the button looks half blue, half green, which I think you're probably not wanting. Something like the following could help with that:
.sourcecoast .btn-primary { 
background-color:#6D850A;
background-image: linear-gradient(to bottom, #9bbe0e, #6D850A); 
} 
.sourcecoast .btn-primary:hover{ 
background-color: #9bbe0e; 
}

I have the registration option in JFBConnect set to jomsocial - anything else I can check? The link is still wrong.

The link the button is pointing to is /new/profile-view/register but that is being redirected to /new/component/users/?view=login. On that view page, there is another link called "Don't have an account?" which points at /new/component/users/?view=registration but it's also being redirected to the login view as well. This means that even without SCLogin, you're having issues creating a standard Joomla user from com_users (which is a core Joomla code) I'd suggest looking into your JomSocial settings for user registration and any JomSocial plugins. I'd also check any SEF extensions you may have enabled. If that doesn't help, there's a message being displayed "Redirected to Community Registration" that you can search for.
The topic has been locked.
Active Subscriptions:

None
7 years 9 months ago #58788 by scomar
Thanks. I used your CSS as a model for the other button - didn't work the same. I did almost get it but now have that halfway mouseover coloring - how can I fix that?

Also, I went through and removed all redirect oriented settings/plugins I could find. Joomla and BTLogin work fine - yours does not.

See screencast.com/t/22TSMu8sDl - I've published all three logins for you to confirm.
The topic has been locked.
Support Specialist
7 years 9 months ago #58790 by mel
Replied by mel on topic SC Login module - bad display
For the hover, the following two styles should help with that:
.sourcecoast .btn:hover {
background-color: rgb(109, 133, 10);
background-image: none;
}

Hmmm.. For the link, without getting into your backend to tinker around and see what's creating the incorrect link, I'd suggest the following. In SCLogin there's an option for "Custom" in the Registration Component. If you select that, then you can point that button at a menu item for the registration page. If you'd prefer I look around your settings/etc, then Private Message me super admin credentials and FTP access credentials (using the little envelope icon under my avatar). Otherwise, the Custom setting could workaround this for you.
The topic has been locked.
Active Subscriptions:

None
7 years 9 months ago #58791 by scomar
Yay! Using the custom worked - created a link for it in a hidden menu. Your new CSS fixed that half color problem.

Now, try selecting the login button to get the modal window. Now cancel (close the modal window) and watch the login button. It turns 1/2 blue ??

Moving on - need to edit the modal window content - see screencast.com/t/2iggl9osG3y - need more space for the name/pw inputs (separate lines) and the buttons below that. CSS??
The topic has been locked.
Support Specialist
7 years 9 months ago #58815 by mel
Replied by mel on topic SC Login module - bad display

Now, try selecting the login button to get the modal window. Now cancel (close the modal window) and watch the login button. It turns 1/2 blue ??

On the background-color for .sourcecoast .btn style, try adding !important so it's
background-color: rgb(109, 133, 10) !important;

Moving on - need to edit the modal window content - see screencast.com/t/2iggl9osG3y - need more space for the name/pw inputs (separate lines) and the buttons below that. CSS??

There is a setting in SCLogin > Login View Settings > Layout. You have this set to Horizontal. Switching it to Vertical should get you closer to what you want.

-Melissa
The topic has been locked.