Facebook Page Plugin adaptive width

The Page Plugin automatically does this. If you set the width to a larger width than the column/container it's rendered in and there's not a specific option to have adapt to the container it's in.

With that said, please note that the width of the Page plugin is only determined at page load. It will not automatically resize if the window is enlarged or shrunk, but it does work in responsive templates.

I hope that helps,
Alex

Can you let us know a URL we can see the Page plugin behaving this way? Without seeing the issue and your HTML, it's difficult to make a guess as to what is happening.

Thanks,
Alex

You can send a private message by clicking the mail icon under my name to the left. Additionally, we can see what URLs you've run Autotune from, so if the domain is the last domain you ran Autotune from, you can simply post a relative URL and we'll know what domain it's on.

I hope that helps,
Alex

Sorry for the delay. I had a quick look a few days ago, but didn't have any great ideas on what was happening. I just looked again and was able to investigate further. Basically, it seems like Facebook is detecting that the Page plugin is being shown in a div that is hidden. Because of that, it's thinking it should use the minimum size available to it, which is 180px.

To test my theory, can you try putting the Page plugin into the main "Gallery" tab on the page so it's always shown? I'm assuming then that the width will always be detected properly and resized accordingly. A further tests you can do is quickly click to the "Social Media" tab before the page loads. Then, go back to the gallery and confirm that the Page plugin is only 180px since, at page load completion, that tab would be hidden.

If that proves out my theory, then it sounds like a Facebook issue that we wouldn't be able to fix. At that point, I'd recommend submitting it as a bug report to Facebook:
developers.facebook.com/bugs

I hope that helps narrow things down.

Thanks,
Alex

Interestingly, I just went to Facebook's developer page to provide you a link for more information on their adaptive width feature. It looks like they've added a new setting that allows you to disable that. We don't have that option in this plugin yet, but you can add it easily. To do so, please edit the /components/com_jfbconnect/libraries/provider/facebook/widget/pageplugin.php file. Around line 33, you'll see:Add the following directly underneath that:Then, you can update your tag with the new adapt_width setting, like:You shouldn't need the container div anymore to make that work. The issue with the hidden div is that, even if it has a width of 400px, it's still hidden.. so the width doesn't matter when Facebook is checking. It comes back as 'none'.

Please test and let us know how that goes. We can get this into the next release as well, but would love to have your feedback.

Thanks,
Alex