Skip to content

Image Tile

The Image Tile template is used to display news articles with a small preview of the article content.

Image Tile

Managed Properties

  AuthorOWSUSER
  Description
  FileExtension
  MercuryArticleDateOWSDATE
  NormSiteID
  owstaxIdMercuryBusinessUnit 
  owstaxIdMercuryCategory
  owstaxIdMercuryDepartment
  Path
  PictureThumbnailURL
  SiteID
  Title
  UniqueID
  WebId

Note

NormSiteID, WebId and UniqueID are required for the article preview image.

Slots

Slot Managed Property
Title Title
Date MercuryArticleDateOWSDATE
User AuthorOWSUSER
Description Description
Site SiteTitle
Views ViewsLifeTime
Tags owstaxIdMercuryCategory
Geo GeoLocation
Likes LikesCount
Comments CommentCount

Note

Slot values can be removed or changed to display a prefered managed property in the slot.

Configuration

  • Preferred Items Per Row
    • Set the number of items you'd prefer to see per row
    • This preferential figure is subject to change depending on screen size i.e mobile users will likely see less than the setting
  • Gap
    • Set the gap between items.
  • Title Lines to Show
    • Set the number of lines of the title to be display before truncating
  • Enable Follow Items
    • Allows the user to favourite/ follow the item.
  • Hide Image
  • When enabled hides the image on the template.
  • Background Colour
    • Sets the background colour.
  • Font Colour
    • Sets the font colour.
  • Override Date
    • When enabled set the date format using luxon formatting, for example 'dd MM yyyy' would format to 01 01 2024.

Swapping Geo Value

When Geo is displayed on a template, the value of this may not be best represented to what the Geo location is. The value can be updated in the custom branding file using the css below:

Hides Current Value 

.mercury-geo-{Geo Value}[data-geo*="{Geo Value}"] span {
  display: none;
}

Sets New Value 

.mercury-geo-{Geo Value}[data-geo*="{Geo Value}"]::before {
  content: '{New Geo Value}';
}

More Info Panel

This template allows use of showing more information of the returned item in a panel using SLOT values to choose how to display data.

When values have been configured a info icon will display along with the footer elements of the template. Clicking the icon will open the panel.

In the properties panel there is More Info Slots button. When opened a grid editor is displayed with 4 options:

  • Order
    • Display order in the panel
  • Title
    • The title to display above the value of the managed property
  • Managed Property
    • The value of information to display
  • Type
    • The way of displaying information.
    • Text
      • Displays data as it is returned.
    • Tags
      • Displays data in pill format. e.g. owstaxIdMercuryCategory
    • Date
      • Displays data formatted from web part configuration
    • User
      • Displays data as a user with profile picture and name.