Utilizing the Facebook page plugin in a hybrid app created with worklight (6.2.01) looks like this:
<div id="facebook-toc-feed" className="toc-feed">
<iframe id="fb-feed" src={"https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F" + constants.FB_TOC_FEEDS_URL + "&width="+ this.wWidth +"&height=" + this.wHeight + "&colorscheme=light&show_faces=false&header=false&stream=true&show_border=false&appId=" + constants.FB_APP_ID}></iframe>
</div>
The implementation is carried out using JSX. I'm curious if it's feasible to have links within the FB plugin open in the browser instead of the app itself. Currently, clicking on any link within the plugin (post link, page name) opens it within the app and getting back to the app becomes impossible.
P.S. It's worth noting that only the iframe displays the plugin strangely. The iframe itself is contained in a radio type tab:
<div className="social-wrapper full-content">
<div className="content-tabs no-shadow">
<input
type="radio"
id="social-radio-facebook"
name="social-radio"
value="facebook"
defaultChecked="true"
></input>
<label htmlFor="social-radio-facebook" onClick={this.showFB}>
<div className="social-icon facebook">
<div>{Messages.facebook}</div>
</div>
</label>
<input
type="radio"
id="social-radio-twitter"
name="social-radio"
value="twitter"
/>
<label htmlFor="social-radio-twitter" onClick={this.showTwitter}>
<div className="social-icon twitter">
<div>{Messages.twitter}</div>
</div>
</label>
</div>
<div id="facebook-toc-feed" className="toc-feed">
<iframe
id="fb-feed"
src={
"https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F" +
constants.FB_TOC_FEEDS_URL +
"&width=" +
this.wWidth +
"&height=" +
this.wHeight +
"&colorscheme=light&show_faces=false&header=false&stream=true&show_border=false&appId=" +
constants.FB_APP_ID
}
></iframe>
</div>
<div id="twitter-toc-feed" className="toc-feed">
<div
id="twitter-toc-feed-widget"
className="twitter-timeline"
data-chrome="nofooter transparent"
data-widget-id={constants.TWITTER_WIDGET_ID}
/>
</div>
</div>
If the plugin needs to be implemented in another tag aside from iframe, please take note of the information provided above.