Description


 

The News tile displays content from a custom list that has a Title, Image and Content column. Scrolls periodically through them, displaying an image on the top half and a summary of the story below.



The News Slider


How to Use


In order to use the News Tile, you will need to connect the tile to either a list tile or an announcements list. In order for a custom list to be able to work with the News Tile, you will need to name the three columns as shown below:


Title: This gives the title for the news item. This field needs to be text.

Content: This is used to store the content for the news item. This field needs to be text.

Image: This is used to store the image or the link to the image. This field needs to be image or hyperlink.


 

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.

Autoplay – Sets whether the tile automatically skips through item.

Autoplay Speed (Seconds) – Time between items. Only visible when Autoplay is selected.

Show Arrows – Sets whether the news item selector arrows are visible.

Arrow Color – Changes the color of the arrows. Only visible if Show Arrows is selected.

Shown Page Bar - Shows the Page Bar. The Page Bar is the numbers that are visible on the tile.

Page Indexes - Allows the user to change the colour of the active, non active indexes as well as the font color.

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


 

List


List Path - Sets the List where the items are retrieved from.

Item Count Limit - Sets how many items are shown on the tile. 0 counts as all items.

Title Field - Allows the user to choose which field is the title on each item.

Body Field - Allows the user to choose which field the content of the announcement is pulled from/

Image Source - Chooses the image in the image column or an attached link.

Image Field - Allows the user to choose which field the image is pulled from.

Display Date - Allows you to choose which date is displayed (modified, created or other)

Order by date - Chooses which date field the news list will be ordered by.

Show only items from today onward - Allows you to choose whether to show items only created today.

Order by - Chooses whether the field will be ordered by Newest to Oldest or Oldest to Newest

Show items with unapproved changes - Allow you to show items which have not been approved should approval be turned on.

 

Links


List URL Type - Allows you to choose whether you would like the announcement to open up in the LiveTiles Announcement page, the SharePoint list page or a custom URL field associated with the list.
List Page Colors - If the LiveTiles Page is chosen, these three fields allow you to be able to choose the colours for the list page to make it match your branding.
Click URL Field - If the custom URL field is chosen, you will be able to choose a custom field from a drop-down menu, including the ability to set the link URL to none so it doesn't open.
Click Target - Changes where the links open, either New Window, In Place, Modal Dialogue or Slide.
Modal Width - Sets the width of the Modal Dialogue. Only visible when Modal Dialogue is selected.
Modal Height - Sets the height of the Modal Dialogue. Only visible when Modal Dialogue is selected
Slide Position - Sets which side the slide comes out from (left or right). Only visible when Slide is chosen
Modal Style - Sets the border style of the modal Dialogue (Frameless, Framed or SharePoint). Only visible when modal dialogue is selected.


 

Text


 

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 items text.

Font Color – Changes the color of the text items. Selectable via the color picker.

Font Style – Changes the style of the text items. Either Italic and/or Underlined.

Font Weight – Changes the weight of the text items. 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.