Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. FB Comment Box display on iPhone

Topic-icon FB Comment Box display on iPhone

Active Subscriptions:

None
14 years 1 month ago #21872 by konyel
Hi,
When viewed on an iPhone, the Facebook comment box's width is reduced - to about 60% of the actual set width.
I tried it on my site and on your demo (www.sourcecoast.com/jfbconnect/demo/social-modules)

I have also tried adding .jfbccomments { width:427px!important; } code, as well as putting the comment shortcode in a div:
{JFBCComments width=427 num_posts=10 colorscheme=light} (where I tried #fbcomments {widgth:100%!important; width:427px!important;} etc)

Nothing seems to work. Display perfectly on a desktop browser, but immediately gets reduced to probably 2/3 of the full width on an iPhone.
Any ideas why this is happening? Is this a known issue with how iOS browsers render FB comments box?

Thank you,
Konstantin
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21873 by konyel
Oh, and I HAVE tried setting mobile to false. I.e. {JFBCComments width=427 num_posts=10 colorscheme=light mobile=false}
Does the JBCComments shortcode support the "mobile" parameter?
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21874 by konyel
Just tried putting a regular FB comment box below the JFBCC box (code below).
The "mobile" parameter did the trick - and now the second (FB native box) displays full width on iPhone, whereas the JFBCC box is still reduced.
Questions:
- how can I integrate mobile=false into JFBCC shortcode so that it would work?
- if I remove the shortcode and leave the code below - will it create any conflicts with JFBConnect?

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=300694026674997";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<fb:comments href="<?php echo $this->item->link;?>" num_posts="10" width="427" colorscheme="light" mobile="false"></fb:comments>
The topic has been locked.
Support Specialist
14 years 1 month ago #21877 by alzander
Konstantin,
The {JFBCComments} tag does not currently support the "mobile" setting. Honestly, we hadn't seen that setting before now, it's a recent addition, and not something we had heard of before. We will add it to an upcoming release of JFBConnect though. Ideally, this will go in the 4.2.1 release (scheduled for next week).

As for your other question, you don't need to use our short-code and can simply include the <fb:comments.. > tag like you mention. You should *not* include the big Javascript block above that though <div id="fb-root".. etc. JFBConnect automatically includes that on the page, and it will cause conflicts if you do it again. Even if you use the <fb:comments> tag directly, JFBConnect's email notifications for comments will still work (as long as you don't re-include the Javascript).

Hope that helps, and thanks for pointing out that mobile parameter,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21888 by konyel
Hi Alex,
Thank you for the prompt response. Understood re not including the JS twice; and good to hear everything will still work as it should!
Yes, I have not come across the "mobile" parameter until today at all - and very few sites (outside FB's developers pages) refer to it - so it must be new
Best,
Konstantin
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21889 by konyel
Oh, sorry Alex, one more quick question:
- I have AddThis installed on my site (I use their social buttons instead of JFBConnect's), and they say that in order to properly monitor facebook sends/recommends/likes, I need to include xmlns:fb="www.facebook.com/2008/fbml" into HTML
- but obviously I cannot since we already get JFBConnect's xmlns:fb="ogp.me/ns/fb#" there and we can't have 2x xmlns:fb (right?)
- question: does the ogp.me/ns etc code get the same functionality as www.facebook.com/2008/fbml? i.e. will AddThis still be able to trace FB shares?

It's my first day dealing with social/FB integration, so still a bit confused about things!
Thanks,
Konstantin
The topic has been locked.
Support Specialist
14 years 1 month ago #21909 by alzander
Konstantin,
The /2008/fmbl tag has been deprecated in favor of the one we implement (/ns/fb#).

The monitoring of social actions, honestly, shouldn't have anything to do with the namespace inclusion though. That's mainly for browsers to understand how to parse the tags that aren't part of the original HTML specification (fb:like, etc). The code to do something with those features should be independent of the namespace because that code already knows what those tags are... hope that makes sense.

Obviously test, and let us know if you run into issues.

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

None
14 years 1 month ago #21953 by konyel
Got it, thank you Alex!
The topic has been locked.
Support Specialist
14 years 1 month ago #21969 by alzander
Great! Let us know if you need anything else,
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. FB Comment Box display on iPhone
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS