LiveTiles Intranet Hub

LiveTiles Intranet Hub

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

›Web Parts

Getting Started

  • Overview
  • Architecture
  • Installation

    • Microsoft 365
    • SharePoint 2019
  • Upgrade
  • Configuration

Guides

  • Hub
  • Multiple JSON Configuration Files
  • 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

Widgets

  • Tabs Widget
  • Hero Widget
  • Weather Widget
  • User Widget Zones

Web Parts

  • Reach News Web Part
  • Reach Posts Web Part
  • Reach Events Web Part
  • Content Items Web Part
  • Markup Web Part
  • Schedule Web Part
  • Slider Web Part
  • Timezone Web Part

Data Connectors

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

Markup Web Part

Overview

Basically the widget can either display an image (with an optional target url and optional overlay text) or display what ever HTML you like and also offers the possibility to render Javascript which belongs to the HTML. The configuration properties that can be used to configure the Markup Web Part are defined by the MarkupWidgetConfig type. You can find all the available properties here.

Example

{
  "configTypeKey": "webPart_framed",
  "title": "Demo",
  "webPartConfig": {
       "configTypeKey": "widget_markup",
       "title": "Markup Widget Demo",
       "tabs": [
         {
             "configTypeKey": "htmlTab_image",
             "title": {
               "de": "Bild",
               "en": "Image"
             },
             "imageUrl": "https://docs.matchpoint365.com/docs/assets/architectureoverview.png",
             "targetUrl": "https://livetilesglobal.com/",
             "overlayText": "I am an overlay text"

         },
         {
             "configTypeKey": "htmlTab_raw",
             "title": "Twitter",
             "scripts": [
               {
                    "url": "https://platform.twitter.com/widgets.js",
                    "mode": 0
               }
             ],
             "styles": ".twitter-container { overflow-y: scroll; height: 100%; }",
             "html": "\n<div class=\"twitter-container\">\n    <a class=\"twitter-timeline\" href=\"https://twitter.com/livetiles\">Tweets by LiveTiles</a>\n</div>\n"
         }
       ]
  }
}

Note that instead of specifying an url for scripts you could also use the member script and provide a javascript directly.

← Content Items Web PartSchedule Web Part →
  • Overview
  • Example
Docs
HubWorkspacesMetadataGovernance
References & Samples
Hub ReferenceHub ConfigsWorkspaces ReferenceWorkspaces ConfigsMetadata Configs
More
What's NewLiveTiles Products
LiveTiles
Copyright © 2023 LiveTiles