The Json API Field widget can be used inside a JSON Repeater with “Custom Template” display mode, or inside a JSON Displayer for displaying data.
In order to add a JSON Fields to a page, just drop it from the Widget list and double-click on it:
The Json Field Widget can display a text content as well as a Picture, an Audio or a Video.
Type. The Field type, Text, Picture Audio or Video.
Field Name. The name of the record field in the JSON source
Single Line. The text is always displayed on one line if checked
Text Contents displayed as Web Link. When the text contain an url (eg. https://www.mywebsite.com) and is displayed with a link to this address
Action. If the WebLink option is checked, then you can chose here if the link is a WebSite an email, a phone number, etc...
Label. If the WebLink option is checked, then you can set the label that will displayed instead of the url. (If you keep it empty, then the url is displayed)
Field Name. The name of the record field in the JSON source
Single Line. The text is always displayed on one line if checked
Display Ratio. The ratio width:height for displaying the image (21:9, 16:9 …)
21:9
16:9
4:3
1:1
Cover
Image Display. Cover or Contain.
Show Zoom on Click. If checked, then the user will be able to enlarge the picture by touching it. (It will launch a Photo Browser automatically)
Data root. If the JSON record contains only the file name, then you can add the root url in this field, for instance https://www.mywebsite/img/
Field Name. The name of the record field in the JSON source
Data root. If the JSON record contains only the file name, then you can add the root url in this field, for instance https://www.mywebsite/img/
Field Name. The name of the record field in the JSON source
Display Ratio. The ratio width:height for displaying the video (21:9, 16:9 …)
21:9
16:9
4:3
1:1
Show Controls. Hide or Show the Video Controls (Play, Pause…)
Muted. If checked, then the audio will be muted
Data root. If the JSON record contains only the file name, then you can add the root url in this field, for instance https://www.mywebsite/img/
...