Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated
Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.

Responsive Facebook Connect Button

10 years 3 months ago
Licenses:
JomSocial Expired

Hi,
I wanted the facebook connect button display in row-fluid area (where join us button is) and also look bigger so I edited frontpage.guests.php and facebook.button.php files.

frontpage.guests.php


I added <?php echo $fbHtml;?> inside row-fluid division.

facebook.button.php
I added size="xlarge" parameter to
<fb:login-button size="xlarge" onlogin="joms.connect.update();" scope="<?php echo implode($fbScope, ',')?>"><?php echo JText::_('COM_COMMUNITY_SIGN_IN_WITH_FACEBOOK');?></fb:login-button>

it works fine but I realized that it is not responsive. So I wanted to give different size for mobile.

So in frontpage.guests.php file inside the visible-phone division I wanted to call <?php echo $fbHtml2;?>
I expect fbHtml2 calls a new created facebook.button2.php file which has different size style of button.

The question;
-where the $fbHtml definition is made or how does it call the frontpage.guests.php file?
-do you have better responsive design idea ?

thanks in advance
ismail

10 years 3 months ago
Licenses:

Hi Ismail,

that depend with facebook it self, facebook connect button it not "button" its a iframe. by default facebook connect not support responsive layout. seem its a bug from facebook it self.

developers.facebook.com/bugs/256568534516879/

Regards

10 years 3 months ago
Licenses:
JomSocial Expired

ok i see. Then can i get answer to my first question. you just answered the second one.

-where the $fbHtml definition is made or how does it call the frontpage.guests.php file?

10 years 3 months ago
Licenses:

Hi Ismail,

for $fbHtml you can override this file:
/components/com_community/templates/default/facebook.button.php

ref:
documentation.jomsocial.com/wiki/Customizing_Template

Regards

10 years 3 months ago
Licenses:
JomSocial Expired

thanks but I already told in my first post that I am trying to override that file. The question was

when this code line is executed <?php echo $fbHtml;?> how does it call /components/com_community/templates/default/facebook.button.php

there must be an assigning related $fbHtml and facebook.button.php

where is this assigning, that is what i would like to know.
thanks in advance

10 years 3 months ago
Licenses:

Hi Ismail,

you can find it at:
/components/com_community/controllers/controller.php line 84 and 150
/components/com_community/views/frontpage/view.html.php line 83
/components/com_community/views/profile/view.html.php line 883 and 962
/components/com_community/views/register/view.html.php line 92

Regards

Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW