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.
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 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.
Modal Height - Sets the height of the Modal Dialogue. 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. 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.
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’.
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.