Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Css login social Button - no showing in jomsocial

Topic-icon Css login social Button - no showing in jomsocial

Active Subscriptions:

None
8 years 4 months ago #55783 by robertobaggio
Dear Alex,
do you mean to replace <?php echo $fbHtml;?> with the following?

$buttonText = JText::_('COM_COMMUNITY_SIGN_IN_WITH_' . strtoupper($this->systemName) );

return '<div class="login-with-' . $this->systemName . '">
<span class="rrssb-icon">
<svg version="1.1" xmlns="www.w3.org/2000/svg" xmlns:xlink="www.w3.org/1999/xlink" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve">
<path d="M27.825,4.783c0-2.427-2.182-4.608-4.608-4.608H4.783c-2.422,0-4.608,2.182-4.608,4.608v18.434
c0,2.427,2.181,4.608,4.608,4.608H14V17.379h-3.379v-4.608H14v-1.795c0-3.089,2.335-5.885,5.192-5.885h3.718v4.608h-3.726
c-0.408,0-0.884,0.492-0.884,1.236v1.836h4.609v4.608h-4.609v10.446h4.916c2.422,0,4.608-2.188,4.608-4.608V4.783z"/>
</svg>
</span>
<a href="javascript:void(0)" onclick="jfbc.login.provider(\'' . $this->systemName . '\');" class="login-with-' . $this->systemName . '-a">' . $buttonText . '</a></div>';

If you mean it, it doesn't work for me. Do you mean it?


Also another thing: I would like show up before social buttons always a separator like this:
<div class="signup-or-separator">
<span class="h6 signup-or-separator--text">o</span>
<hr>

Where can I add this code to show up always this separator before css button?

Best,
Baggio
The topic has been locked.
Support Specialist
8 years 4 months ago #55790 by alzander
No, I wouldn't recommend putting all your SVG and button text in there. Mainly, if you've tested the {JFBCLogin} tag, you should be able to use it. That will call the SVG code you've created.

So, try changing:
<?php echo $fbHtml;?>
To just:
{JFBCLogin provider=facebook,twitter}
You can leave off the provider parameter to show all networks. Adding it allows you to customize the ordering and put which ones you want.

Let me know how that goes,
Alex
The topic has been locked.
Active Subscriptions:

None
8 years 4 months ago #55793 by robertobaggio
Dear Alex,

thank you, it's working fine like that.

Also another thing: I would like show up before all social buttons always a separator like this:
<div class="signup-or-separator">
<span class="h6 signup-or-separator--text">o</span>
<hr>

Where can I add this code?

Best,

Baggio
The topic has been locked.
Support Specialist
8 years 4 months ago #55798 by alzander
If you really want it, always, you can add it in the /components/com_jfbconnect/libraries/widget/login.php file. Around line 114, you'll see:
private function getLoginButtons($providers, $extraClass = null)
    {
        $html = "";
Update that $html with what you want, like:
$html = '<div class="signup-or-separator"> 
<span class="h6 signup-or-separator--text">o</span> 
<hr> ';
Please note that I changed the double-quotes from the original line to surrounding your new text in single-quotes.

Also, all of these changes will need to be made when you upgrade JFBConnect, since you're editing core files. Please take notes of the edits you're making. At some point, we want to make the buttons overridable with theme files, but until then, I don't want you to lose you changes.

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

None
8 years 4 months ago #55818 by robertobaggio
Thanks,
how to change "o" with the language string "COM_COMMUNITY_SIGN_IN_OR_SEPARATOR" without getting php error?
Thanks,
Baggio
The topic has been locked.
Support Specialist
8 years 4 months ago #55825 by alzander
I think what you want is:
$html = '<div class="signup-or-separator"> 
<span class="h6 signup-or-separator--text">' . JText::_('COM_COMMUNITY_SIGN_IN_OR_SEPARATOR ') . '</span> 
<hr> ';

Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Css login social Button - no showing in jomsocial
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS