Description

Opens a specified Facebook feed in a slide-out panel when clicked.

The Facebook Slide-out panel

How to Use

When the Facebook Slide Tile is clicked on an end user page, the feed that was designated by the tile settings will appear as a slide-out panel.  In the tile settings and under the Tile tab, the Facebook Page ID can be modified to another feed ID from another Facebook page.  Facebook IDs can be retrieved from the desired Facebook page URL.

Settings

General

Width – Adjusts the width of the tile, in pixels.
Height
– Adjusts the height of the tile, in pixels.
Background Color
– Changes the background color of the tile using the color picker.
Facebook Page ID
– Contains the Facebook ID of the designated feed to display.
Slider Width
– Allows you to select the width of the Facebook slide-out panel.
Position
– Allows the choice between the slide-out panel opening from the left or right side of the page.

Text

Text – This allows to change the text on the Facebook Slide tile.
Vertical Align
– This allows you to align the text of the tile to either the bottom, middle or top of the tile.
Horizontal Align
– This allows you to align the text of the tile to either the left, middle or right of the tile.
Text Padding
– Modifies the padding to the left, right, top and bottom of the text.
Override Page Font
- This allows the user to override the font family that has been selected if the checkbox is checked.  Once checked, Font Family will appear.
Font Family
- Changes the font family of the text.  This is only available if the Override Page Font setting has been toggled on.
Font Size
– Changes the size (in pixels) of the text.
Font Color
– Changes the color of the text.  Colors are modified via a color picker that appears once font color is clicked.
Font Style
– Changes the style of the text to either Italic and/or Underlined.
Font Weight – Changes the weight of the text through a drop down list.

Image

Image Path – Changing the image will change what icon is shown on the tile.
Image Layout Style
– Changes how the image is displayed.  It is set to center by default.
Image Padding
– Modifies the padding to the left, right, top and bottom of the image.

Layout (Fixed Width Canvas)

Layer – Changes the tile to appear in the foreground, background, or custom z-index on the page.
Reorder Within Layer – Allows the object to either be brought to the front, sent to the back, or have no change within the selected layer.

Tile Behavior (Responsive/Content Canvas)

Show on Large Devices – Toggles whether the tile will appear on larger devices or not, such as desktops.
Show on Medium Devices – Toggles whether the tile will appear on medium devices or not, such as tablets.
Show on Small Devices – Toggles whether the tile will appear on small devices or not, such as phones.
Show on Extra-Small Devices – Toggles whether the tile will appear on extra-small devices or not, such as smaller phones.

Advanced

Tile Visibility – Changes which groups can or cannot view the tile.  Permissions are selected with a drop down for Everyone, ‘Only for’ or ‘For everyone except’. When ‘Only for’ or ‘For everyone except’ is selected, another drop down menu will appear where groups can be assigned to the category that was selected.Lock Tile for Non-owners – Toggles the tile to only be modifiable by an owner.Custom CSS Classes – Allows multiple Custom CSS classes to be added to the tile, allowing more direct control of the tile through custom code.

Did this answer your question?