Json API Fields

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:

...

JSON Text Field Settings

  • 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)

JSON Picture Field Settings

  • 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/

JSON Audio Field Settings

  • 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/

JSON Video Field Settings

  • 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/

Copyright©  Nymphide Lab 2020 - All Rights Reserved 

...