Description


When clicked, this tile opens a specified Facebook feed from a slide-out panel.




The Facebook Slide-out panel


How to use


Once you drag the Facebook Slide tile onto the page, the LiveTiles Facebook feed will be displayed when you open the slider. To change this, go into the tile settings. Under the Tile tab, you will be able change the Facebook Page ID from the LiveTiles ID to the Facebook Page ID you would like follow. This ID can be retrieved from the desired Facebook feed account. 


Settings


Tile


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 – Holds the Facebook ID of the feed that you would like to use for your Facebook feed.

Slider Width - Allows you to select the width of the Facebook slide-out panel.

Position - Allows you to choose whether the slide-out panel comes out 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 - This allows you to add padding to the left, right, top and bottom of the text.

Override Page font - If this box is checked, it allows you to override the font selected in the page settings. If checked, it will reveal the font family drop box.

Font Family - This allows you to pick a font family or enter in a custom web font.

Font Size - This allows you to change the size of the font on the tile.

Font Color - This allows you to change the color of the font.

Font Style - This allows you to choose whether the font is italicised or underlined

Font Weight - This allows you to choose whether the font is light, normal or bold.


Image


Image Path - This allows you to change the image that is being shown as the tile icon.

Image Layout Style - This allows you to change how the image is shown, it is set to center by default.

Image Padding - These allows you to add padding to the left, right, top and bottom of the image.


Layout


Layer – Changes the depth of the tiles within the page. Selectable via dropdown either Foreground, Background or Custom.

Reorder Within Layer - Changes the depth of the tiles within the layer. Selectable via dropdown either ‘No Change’, ‘Bring to Front’ or ‘Send to Back’.


Advanced


Tile Visibility – Changes which groups can or cannot view the tile. Selectable via dropdown either Everyone, ‘Only for’ or ‘For everyone except’. When ‘Only for’ or ‘For everyone except’ is selected, a dropdown menu will appear where you can assign groups to the category that was selected.

Lock Tile for Non-owners  Toggles whether only tile can be only modified by an owner.

Custom CSS Classes: This section allows you to add multiple Custom CSS classes to the product, allowing you to be able to add custom CSS classes to the tile.