The News List tile allows you to add a news website-style list to your LiveTiles Design page. This allows you to embed an announcement list onto your page.

The News List Tile

How to use

In order to use the News List tile, you will need to connect the tile to an announcement list. Once this has been done, the tile will be populated with the content and images from the announcement list. The news tile will then show the title, preview image and a small preview of the tile content. If you would like to view the whole announcement, you can then click on the article. This will take you to the announcement list page which will show the entire entry.



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 of the tile using the color picker.
Hover Color - Changes the hover color of the tile using the color picker.
Image Style - Allows you to choose whether the images are a rectangle, a square or a circle.

Image Height - Allows you to choose the height of the image.

Max Content Length - Allows you to set a character limit to the announcement shown on the tile. This by default is set to 140 characters.


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.


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 list page colours to match  it to your page branding.
Click URL Field - If the custom URL field is chosen, you will be able to choose a custom field from a dropdown 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.


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. 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 a dropdown list.


Layer - Changes the depth of the tiles within the page. Selectable via drop-down either Foreground, Background or Custom.
Reorder Within Layer -  Changes the depth of the tiles within the layer. Selectable via drop-down either ‘No Change’, ‘Bring to Front’ or ‘Send to Back’.


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.