LiveTiles Intranet Hub

LiveTiles Intranet Hub

  • Hub
  • Workspaces
  • Metadata
  • Governance
  • What's New

›LiveTiles Viva Cards

Getting Started

  • Overview
  • Architecture
  • Installation

    • Microsoft 365
    • SharePoint 2019
  • Upgrade
  • Configuration

Guides

  • Hub
  • Multiple JSON Configuration Files
  • Cognitive Page Translation
  • Theming
  • Custom Styling
  • Navigation
  • Matrix
  • Search
  • People Search
  • Page
  • Layout
  • Footer
  • Multi Language
  • Data Aggregation
  • Keyboard Shortcuts
  • SharePoint Integration
  • Custom Code
  • Notifications
  • List Items Grouping
  • Multi Content Type Item Template
  • Everywhere Panel
  • Everywhere Panel SP2019
  • Everywhere Panel Manager
  • Everywhere Panel Audience Target
  • MegaMenu Manager
  • JSON GUI Editor
  • Coveo Hosted Search Page
  • Mobile Configuration

LiveTiles Viva Cards

  • LiveTiles Office Locations
  • LiveTiles Reach Events Viva Card
  • LiveTiles Reach News Viva Card
  • LiveTiles People Search Viva Card
  • LiveTiles Weather Viva Card

Widgets

  • Content Items Widget
  • Tabs Widget
  • Hero Widget
  • Markup Widget
  • Schedule Widget
  • Slider Widget
  • Timezone Widget
  • Weather Widget
  • User Widget Zones

Web Parts

  • Alerts Web Part
  • Reach News Web Part
  • Reach Posts Web Part
  • Reach Events Web Part
  • Reach Pages Web Part
  • Celebrations Webpart
  • FAQ Web Part
  • Lists Web Part
  • People Web Part
  • Tour Guide Web Part

Data Connectors

  • SharePoint Search
  • SharePoint List
  • Microsoft Graph
  • Microsoft Outlook
  • Web APIs
  • Microsoft Search
  • Coveo Search Data Provider

Navigation Builder

  • Getting Started
  • MegaMenu
  • Matrix

LiveTiles Office Locations

Overview

LiveTiles Viva Cards introduces the LiveTiles Office Locations Viva Adaptive Card in the product's suite.

LiveTiles Office Locations

LiveTiles Office Locations allows users to check out the company's offices through an Adaptive Card. This allows the users to see the location of the offices through a map, check out the current weather for that specific location and check out the current time for that specific location.

The configuration of this Adaptive Card can be done by authorized users. To add this Adaptive Card to your page, you need to add the LiveTiles.Office.Locations.sppkg to your App Catalog. Once added in there, the application can be added to your desired site collection.

Configuration

The LiveTiles Office Locations cand be configured to use three data sources: Local Adaptive Card properties, Term Set or List.

Local Adaptive Card Properties:

Local_data

The Manage Data of offices button needs to be clicked in order to add your offices in the data source.

Once opened, the user will be provided with a view that will be used to add offices.

Properties:
  • Office Name
  • Office Address
  • Latitude
  • Longitude
  • Map Image Link (this image will be used in case the Maps API is not provided) - OPTIONAL
  • Time Zone (example: Europe/London, Asia/Calcutta)

For providing the timezones, here is a link for the list of timezones: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones

Here is an example for configuring the data source:

Local_example

Once the list is completed, the user can save and close the view by click on the Add and save button.

List:

A list created in the Home Site can be provided as a data source for the Adaptive Card

List_data

List_example

Term Set:

A Term Set can be provided as a data source for this Adaptive Card.

The Term Set needs to have a custom property UsedForOfficeLocations that is set to true.

The offices will be first level children of the supposed term set used as a data source.

For every office term, the authorized person needs to go to the Advanced tab and configure the office properties as Shared custom properties

Term_example

Term_set

For using the Taxonomy data source, the authorized person must provide the term set unique identifier in the property pane field.

Term_field

Other Properties in the Property Pane:

  • Show Search Box - will enable the Search Box in the Quick View of the Adaptive Card
  • Show Maps in Quick View - will use the Maps API to show the office location in the Quick View
  • Maps Source: Allows the authorized person to choose between Bing Maps API and Google Maps API
  • Bing/Google Maps API Key: API Key used for utilizing the Maps Service
  • Show local time: Shows local time for the office locations
  • Get weather from list: This specifices if the weather should be taken from a SP List (Home Site List) or using a weather API

In case a Weather List is used, then the list should have the following properties:

  • Title
  • Latitude
  • Longitude
  • Icon
  • Temperature
  • High
  • Low
  • Wind Speed

Card View and Quick View

Once everything is configured, the Card View for the LiveTiles Office Locations should point out the number of offices like this:

Card_view

For the Quick View the user will be prompted with this view:

Quick_view_1

The Quick View when searching for an office:

Quick_view_2

← Mobile ConfigurationLiveTiles Reach Events Viva Card →
  • Overview
    • LiveTiles Office Locations
    • Other Properties in the Property Pane:
    • Card View and Quick View
Docs
HubWorkspacesMetadataGovernance
References & Samples
Hub ReferenceHub ConfigsWorkspaces ReferenceWorkspaces ConfigsMetadata Configs
More
What's NewLiveTiles Products
LiveTiles
Copyright © 2025 LiveTiles