Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. Both buttons on the same div

Topic-icon Both buttons on the same div

Active Subscriptions:

None
11 years 9 months ago #24759 by johnnydement
I'm editing login.php and logout-php to be "more horitzontal" ;)

What would be the best code to put jfbc and jlinked buttons in the same div in same line?
The topic has been locked.
Support Specialist
11 years 9 months ago #24765 by alzander
Johnny,
For us, I don't think we had to make any changes to the SCLogin module template to make it horizontal on the JFBConnect home page (www.sourcecoast.com/jfbconnect/). If you want to do the same, use a Module Class Suffix of "_jfbchoriz" and then add all the following styles to your template's CSS file:
.moduletable_jfbchoriz fieldset {
padding:0;
margin:0;
}
.moduletable_jfbchoriz #form-login-username{
float:left;
margin: 0px 3px;
font-weight:bold;
font-size:12px;
}
.moduletable_jfbchoriz #form-login-password{
float:left;
margin: 0px 7px;
font-weight:bold;
font-size:12px;
}
.moduletable_jfbchoriz input {
margin-top:2px;
}
.moduletable_jfbchoriz label {
float:left;
margin: 2px 8px 0 0;
}
.moduletable_jfbchoriz form {
float:left;
margin: 0px 7px;
}
.moduletable_jfbchoriz .jfbcLogin {
float:left;
margin: 1px 6px 0 0;
}
.moduletable_jfbchoriz .jLinkedLogin {
float:left;
margin: 2px 0px 0 0;
left:0px;
}
.moduletable_jfbchoriz .button {
margin: 0 0 0 0;
padding: 0px 10px 0px 10px;
font-size: 12px;
line-height:100%;
height: 25px;
}
.moduletable_jfbchoriz div {
float:left;
}
.moduletable_jfbchoriz .logout-button {
margin-left:10px;
}
It's not the most efficient styles, but again, I think they should just drop right in. If not, let us know where we can see the page with those styles and we can figure out what's not working.

Hope that helps!
Alex
The topic has been locked.
Support Specialist
11 years 9 months ago #24766 by alzander
Oh yeah.. including a "Horizontal" mode in a future version of the SCLogin is a goal. It's more difficult than it sounds though as no default styles will be perfect for everyone, so if we add some, we have to support everyone who wants to tweak it :)

Alex
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24771 by johnnydement
I was thinking in something simpler (in my case)

I just wanted to call both buttons directly on my modified login.php this is it right now:
##text##

Basically, I want last echo (echo "Tambe pots iniciar sessió a través de les xarxes socials ",$jfbcLogin," o ",$jlinkedLogin;) to show just an imagelink both for fb and jlinked

You can see more or less what I'm looking for here: ametlladigital.cat ("iniciar sessió" button on top-right)
The topic has been locked.
Support Specialist
11 years 9 months ago #24834 by alzander
Johnny,
Sorry for the delay. The problem is likely that the JLinkedLogin button will automatically be wrapped in a div with a class of "jLinkedLogin". I think if you add the following to your CSS file, it should properly show it inline instead of wrapping it to the next line:
.jLinkedLogin { display:inline; }

Try that out and let us know how it goes. On your site, in the Login popup, I actually couldn't see the Login buttons. Not sure if you disabled them for now. If you make the change and it doesn't work though, leave it enabled so we can see the problem.

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

None
11 years 9 months ago #24845 by johnnydement
Truth said, I don't know what I've changed, but since yesterday site is not looking well (top menu is the example), and is even worse in chrome!

In firefox you can see popup module alright, but in chrome is working.. well, bad :P

I tried inline in firefox, and yes, it put it in the same line, but at the start of it, padding nor margin did nothing :P
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24908 by johnnydement
So, there's no possible wasy to call jlinked with a image or text button as we do with facebook one? we can just call the helper?
The topic has been locked.
Support Specialist
11 years 9 months ago #24910 by alzander
Yes.. and no. If you have the Login Redirect or New User Redirect disabled (so that the user stays on the same page), unfortunately, no. The reason is that the helper file encodes the current URL into a return parameter. This can be done through PHP as well, though, if you're up for a minor amount of code.

If you have a specific menu item set, then you don't need that return parameter in the URL. In that case, just link text or an image to:
index.php?option=com_jlinked&task=linkedInAuthenticate

We'd like to come up with a better way for doing a custom image/text in a future release to bring it in parity with JFBConnect.

Hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24912 by johnnydement
Guess jlinked users will have to go back to home afte rloggin then ;)

Thanks!
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24913 by johnnydement
Looks quite good, just gived me some problems in logout, bridging from logout button, resulted in a "too many redirections" error, but afterwards I got about 20-30 notices in drawer module position, and account was linked ;)

File Attachment:
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. Both buttons on the same div
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS