Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Like Box (deprecated) / Page plugin

Topic-icon Like Box (deprecated) / Page plugin

Active Subscriptions:

None
8 years 10 months ago #53818 by wcochrane
I was using Like Box before this version and it seems to have been working fine. I just upgraded and noticed that LikeBox is deprecated and was recommending to use page plugin. I switched to page plugin and would like the plugin to occupy 100% of container where it is... But unfortunately it is defaulting to 292 or so.. Is there a way to make it fill the container/div it is in so in that way it will work if it is in mobi or desktop??
The topic has been locked.
Support Specialist
8 years 10 months ago #53819 by mel
Alex provided a temporary fix here . Could you try this and see if it helps you? I am working on a bug fix release for JFBConnect and this should be included.

-Melissa
The topic has been locked.
Active Subscriptions:

None
8 years 10 months ago #53827 by wcochrane
Hi Mel,
Unfortunately, that did not help me. I add the line to the pageplugin.php. What I am doing is a little different than what Alex has mentioned. I have a module SCSocialWidget and I select "Facebook" as provider and then select page plugin and provide the url... I left all the settings to be default.. i.e. width:400, height:400 and so on. I place it in a spot on my template. The template has two columns, so when I am on desktop, the column is super-wide but the module is only 400px wide... and then when I view it on mobile device, it over-runs....
In the solution Alex mentions "{JFBCFacebookPagePlugin width=400 url=<your FB page> adapt_width=false}" which I do not have the setting to set...
The topic has been locked.
Support Specialist
8 years 10 months ago #53830 by alzander
Re-reading your post, it sounds like you're having the opposite issue than the thread you were pointed to. By default, the Facebook Page plugin will grow to the width of the container it is in. The other user wanted to specifically prevent that behavior so that the width was always constant, regardless of how it was viewed (which would likely be very large on mobile views).

You seem to want the Page plugin to adapt to whatever div it is in. If that's the case, that's the default behavior and should automatically happen.

First, I'd suggest reading about all the parameters from the Page plugin documentation:
developers.facebook.com/docs/plugins/page-plugin
Specifically:
* 500px is the max width the plugin can be. If your column is larger than this, there will be white space.
* The 'adapt-width' feature will only grow the plugin to as large as the set width. So, in your case, it would only go to 400px max on desktop anyways.
* The minimum width that the Page plugin can shrink to is 180px. If, on mobile, the column is slimmer than that, you will have an over-run.

Those are the limitations of the Page plugin itself and we can't work around those. Please test again knowing that and see if you still think something is wrong. If so, please post the URL of a page where we can see the issue and we'll gladly investigate.

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

None
8 years 10 months ago #54060 by wcochrane
Alex, you canview this on
willowbraeacademy.com/
willowbraeacademy.com/index.php/4001
Try mobile as well and you'll see what I mean.

Thanks,
The topic has been locked.
Support Specialist
8 years 10 months ago #54072 by alzander
You look to still be using the Like-Box widget and not the Page Plugin. Facebook discontinued the Like-Box and automatically replaces it with the new Page Plugin.

JFBConnect has supported the Page Plugin directly since v6.3.0. If you're not already using this version, please upgrade. My guess is that there is a compatibility issue with Facebook's dynamic resizing when going through the Like-Box version of the Page Plugin.

If you're using the SCSocialWidget, you just need to switch to Page Plugin. If you're using the EasyTag, switch to something like:
{SCFacebookPagePlugin height=200 width=200 href=http://www.facebook.com/SourceCoast show_faces=true hide_cover=false show_posts=true}

I hope that helps,
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Like Box (deprecated) / Page plugin
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS