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.

Did this answer your question?