Description


A tile that displays videos uploaded to SharePoint, YouTube or Vimeo. The tile can be assigned a picture and title, and can be opened in a new window, or to embedded into the page.



The Video Tile


Getting the video path


To get the video path from a non SharePoint video, you will need to go to the embed code for the video and copy the src field into the box.


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.

Highlight on Mouse over – Toggle whether the tile changes color when it is hovered on.

Mouse Over Color – Changes the background color when the tile is hovered on. Only available when Highlight on Mouse Over is checked.

Video Path – Sets the location of the video.

Embed Video – Sets for the video to be embed in the tile.

Modal Width – Sets the width of the modal window.

Modal Height – Sets the height of the modal window.

Image Path – Sets the location of the image.

Image Layout Style – Changes how the image is displayed, either Tile, Stretch, Fit, Fill or Center.

Image Padding - Adjusts the padding (the gap between the image and the edge of the tile) to the left, right, top or bottom of the tile, in pixels.


Text


Text – Changes the title of the tile.

Text Background Height – Sets the height of text’s background.

Text Padding - Adjusts the padding (the gap between the text and the edge of the tile) to the left, right, top or bottom of the tile, in pixels.

Override Page Font - This allows you to override the font family that has been selected if the checkbox is checked.

Font Family – Changes the font family of the items text. Selectable via a dropdown list. (Note: This is only available if Override Page Font has been selected)

Font Size – Changes the size (in pixels) of the text within the Text field.

Font Color – Changes the color of the text within the Text field. Selectable via the color picker.

Font Style – Changes the style of the text within the Text field. Either Italic and/or Underlined.

Font Weight – Changes the weight of the text within the Text field. Selectable via dropdown list.


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.