Skip to content


The configuration attribute of the LINK Widget is a JSON Object as described below
widget_config.json
{
  "access_key": "<<YOUR PUBLIC TOKEN>>",
  "host_name": "<<api.measureone.com>> OR <<api-stg.measureone.com>>",
  "datarequest_id": "<<DATA REQUEST ID>>",
  "branding": {
    "styles": {
      "primary_dark": "#094670",
      "primary_light": "#FFFFFF",
      "font_family_url": "string",
      "font_family": "string",
      "light_text": "string",
      "dark_text": "string",
      "light_background": "string",
      "dark_background": "string",
      "focus_light": "string",
      "focus_dark": "string",
      "isDark": false
    }
  },
  "options": {
    "display_profile": true,   
    "allow_close_widget": true,  
    "show_assist_mode": true   
  }
}

Properties

Required Fields:
Following are the required fields in widget configuration.

PropertyTypeDescription
access_keystringYour API Key
host_namestringHost Name for the environment.
datarequest_idstringUnique Identifier for the data request.

Styles

PropertyTypeDescriptionDefault Value
primary_darkstringPrimary Button background, links, secondary button text and loading bar, border color of input box on focus in light theme.#1077B5
primary_lightstringPrimary Button background, links, secondary button text and loading bar, border color of input box on focus in dark theme.#2E9CCB
font_family_urlstringURL of font-family that widget should load from urlhhttps://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap
font_familystringFont family that should be used in widget.Open Sans,sans-serif
light_textstringPrimary button text and spinner color in light theme. Title, label, input box text and mat-icons color in dark theme#ffffff
dark_textstringTitle, label, input box text and mat-icons color in light theme. Primary button text and spinner color in dark theme.#141414
light_background stringWidget background color in light theme.#ffffff
dark_backgroundstringWidget background color in dark theme.#094670
focus_lightstringWCAG keyboard tab focus color in light theme.#0f5966
focus_darkstringWCAG keyboard tab focus color in dark theme.#41d0ea
isDarkbooleanisDark will be used to set the widget theme. When set to true, the widget will be initialized in dark theme. When set to false, the widget will be initialized in light themefalse
error_lightstringWidget error color in dark theme.#FC9494
error_darkstringWidget error color in light theme.#D32F2F

Options

Settings to customize the behavior and appearance of the MeasureOne Link module.

PropertyTypeDescriptionDefault Value
display_profilebooleanWhether to display the profile screen on initialization.true
allow_close_widgetbooleanWhether to display the close button in the widget.true
show_assist_modebooleanWhether to show assist mode.true