Description


When clicked, the Twitter Slider tile opens a specified Twitter feed from a slide-out panel.




The Twitter Slide-out panel


How to use


Once you drag the Twitter Slider onto the page, the default Twitter feed displayed when you open the slider will be the LiveTiles Twitter feed. To change this, click the on the settings icon. Under the Tile tab of the settings, you will be able change the LiveTiles Twitter ID to the Twitter ID of the feed you would like to follow. This ID can be retrieved from the desired Twitter 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.

Twitter Widget ID – Holds the Twitter ID of the feed that you would like to use for your twitter feed.

Twitter Screen Name - Holds the screen name that you would like to place onto the top of the twitter feed.

Slider Width - Allows you to select the width of the Twitter Slide-out panel.

Position - Allows you to choose whether the slide-out panel comes out from the left side of the page or the right side of the page.


Text


Text - This allows you to change the text on the Twitter Slider 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.