[sp-demo-header title="Facebook%20ShortPoint" /]
FACEBOOK Options
Settings Tab
[frame image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2019%2F05%2Ffacebook_settings_.png"][/frame]
Facebook EXAMPLES
Examples
[divider style="double-dotted" /]
[section layout="default" class="shortpoint-copy"]
[section-item]
[row layout="full-width" equalize-columns="true"]
[column 3]
[panel panel-style="mini-solid-header" title="Facebook%20Feed" icon="facebook" link-text="Visit%20Page" link="https%3A%2F%2Fwww.facebook.com%2FShortpoint%2F" link-type="button" title-size="18" separator-size="2px"]
[facebook url="https%3A%2F%2Fwww.facebook.com%2FShortpoint%2F" tabs="timeline" hide_cover="true" hide_facepile="true" small_header="true" adapt_container_width="true" height="350" /]
[/panel]
[/column]
[column 3]
[panel panel-style="mini-solid-header" title="Air-hostess%20List" icon="user" link-text="View%20All" link="https%3A%2F%2Fwww.shortpoint.com%2F" link-type="button" title-size="18" separator-size="2px"]
[images-list image-shape="circle" image-hover-effect="color" title-hover-color="primary-dark" subtitle-color="primary"]
[image-list-item title="Alex%20Andre" subtitle="Praesent%20laoreet%20blandit%20est" description="Click%20for%20more%20info..." image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F11%2Fretail4.12.jpg" /]
[image-list-item title="Anna%20Moore" subtitle="Praesent%20laoreet%20blandit%20est" description="Click%20for%20more%20info..." image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F01%2F9-min.jpg" /]
[image-list-item title="Helen%20Andrews" subtitle="Praesent%20laoreet%20blandit%20est" description="Click%20for%20more%20info..." image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F01%2F6-min.jpg" /]
[image-list-item title="Elizabeth%20Olsen" subtitle="Praesent%20laoreet%20blandit%20est" description="Click%20for%20more%20info..." image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F11%2Fretail4.4.jpg" /]
[/images-list]
[/panel]
[/column]
[column 3]
[panel panel-style="mini-solid-header" title="Pilots%20List" icon="plane" link-text="View%20All" link="https%3A%2F%2Fwww.shortpoint.com%2F" link-type="button" title-size="18" separator-size="2px"]
[images-list image-shape="circle" image-hover-effect="color" title-hover-color="primary-dark" subtitle-color="primary"]
[image-list-item title="Thomas%20Brown" subtitle="Praesent%20laoreet%20blandit%20est" description="Click%20for%20more%20info..." image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F01%2F10-min.jpg" /]
[image-list-item title="Jhones%20Miller" subtitle="Praesent%20laoreet%20blandit%20est" description="Click%20for%20more%20info..." image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F01%2F8-min.jpg" /]
[image-list-item title="Adam%20Hill" subtitle="Praesent%20laoreet%20blandit%20est" description="Click%20for%20more%20info..." image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F01%2F4-min.jpg" /]
[image-list-item title="Henry%20Cavill" subtitle="Praesent%20laoreet%20blandit%20est" description="Click%20for%20more%20info..." image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F11%2Fretail4.8.jpg" /]
[/images-list]
[/panel]
[/column]
[column 3]
[panel panel-style="mini-solid-header" title="Docs" icon="ion-document-text" link-text="View%20All" link="https%3A%2F%2Fwww.shortpoint.com%2F" link-type="button" linking="new-window" title-size="18" separator-size="2px"]
[files-list icon-size="2" icon-style="circle" description-text-size="12"]
[file-list-item title="Shared%20Document%201" description="Donec%20ut%20maximus%20magna.%20Quisque%20id%20placerat" file-type="pdf" /]
[file-list-item title="Shared%20Document%202" description="Donec%20ut%20maximus%20magna.%20Quisque%20id%20placerat" file-type="xls" /]
[file-list-item title="Shared%20Document%203" description="Donec%20ut%20maximus%20magna.%20Quisque%20id%20placerat" file-type="doc" /]
[file-list-item title="Shared%20Document%204" description="Donec%20ut%20maximus%20magna.%20Quisque%20id%20placerat" file-type="xls" /]
[file-list-item title="Shared%20Document%205" description="Donec%20ut%20maximus%20magna.%20Quisque%20id%20placerat" file-type="doc" /]
[/files-list]
[/panel]
[/column]
[/row]
[/section-item]
[/section]
Facebook Options Demos
[section]
[section-item]
[row]
[column 4]
Default Facebook View
[divider style="double-dotted" /]
[facebook url="https%3A%2F%2Fwww.facebook.com%2FShortpoint%2F" tabs="timeline" adapt_container_width="true" width="400" height="400" class="shortpoint-copy" /]
[/column]
[column 4]
Small Header
[divider style="double-dotted" /]
[facebook url="https%3A%2F%2Fwww.facebook.com%2FShortpoint%2F" tabs="timeline" small_header="true" adapt_container_width="true" width="400" height="400" class="shortpoint-copy" /]
[/column]
[column 4]
Hiden Elements
[divider style="double-dotted" /]
[facebook url="https%3A%2F%2Fwww.facebook.com%2FShortpoint%2F" tabs="timeline" hide_cover="true" hide_facepile="true" hide_cta="true" width="400" height="400" class="shortpoint-copy" /]
[/column]
[/row]
[/section-item]
[/section]
Custom Size
[divider style="double-dotted" /]
[facebook url="https%3A%2F%2Fwww.facebook.com%2FShortpoint%2F" tabs="timeline" adapt_container_width="true" width="500" height="600" class="shortpoint-copy" /]
[sp-demo-doc]Facebook page URL – Required. Type in or copy paste the URL of your company's facebook page here.
Tabs – Tabs to render i.e. timeline, events, messages. Use a comma-separated list to add multiple tabs. Example: timeline,events,messages OR timeline,messages
Hide Cover – Hide the cover photo in the component header.
Hide Facepile - Hide profile photos when a user's facebook friends like this page.
Hide call to action - Hide the custom call to action button (if available).
Small Header - Use a small header for the component to save space.
Adapt to container width - Fit the component to the parent container's width. The minimum and maximum width values specified below still apply.
Width - Specify the width of the component in pixels. The width value should be between 180 and 500 pixels.
Height - Specify the height of the component in pixels. The height value should be between 70 pixels and 1600 pixels.[/sp-demo-doc]