How To Use an XML / JSON Viewer Element

The XML JSON Viewer Element gives an easy way to add a JSON source of information to a display.

Written By Ed Kinne

Last updated 11 months ago

For detailed manipulation or large data sets a dedicated Data Adapter will be the best implementation.
A dedicated JSON Template is available when creating a Templated Data Adapter.

Data Integration and Data Adapters

To use the XML JSON Viewer Element

  • In the Builder Tool, click and drag the XML JSON Viewer Element from the control panel to the canvas

  • Select the gear icon by hovering over the top right corner of the element and then selecting “Edit Element.” A new row of icons will appear above the element.

  • Use the Available Option to build your form

Icon

Setting Description

Add XML/JSON Data set the link or text data source that will be viewed

Bold sets the text to be bold

Italic sets the text to be italic

Underline sets the text to be underlined

Font Size set the font size for the whole form.

Font Family sets the font choice for the form

Padding adjusts the text padding throughout the form

Color sets the text color

Alignment sets the text alignment to left, center, and right

White Space sets the wrapping behavior for how the text will act in spaces

Image Sizing sets the way images will display, Cover or Contain, and % image size adjustments

Video Controls sets Loop, Autoplay, Audio Mute and Control Icon behaviors

Paging Settings sets paging if multiple pages of data are needed to be presented