Markup Widget

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 Widget 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.