Monaco JSON - Documentation (O11)

Stable version 1.0.2 (Compatible with OutSystems 11)

Uploaded

on 21 November 2025

Torikera

0.0

(0 ratings)

Documentation

1.0.2

How to Use the JSON Editor

Place the JSONEditor Web Block onto your screen and configure the following parameters:

Parameter	Description
InputId	Specifies the ID of the `TEXTAREA` field that contains the JSON string to be edited.
Height	Sets the maximum height of the editor viewport (e.g., `"400px"`).
HideToolbar	If set to `True`, the editor toolbar will be hidden. (Default: `False`/shown)
IsReadOnly	If set to `True`, the editor will be read-only, preventing edits. (Default: `False`/editable)
IsDarkMode	If set to `True`, the dark theme will be enabled. (Default: `False`/light theme)
IsDataFetched	Pass the `IsDataFetched` property (Boolean) from the data source (e.g., Aggregate or Data Action) to ensure the JSON is loaded only after data retrieval is complete.
Language	Specifies the display language for the editor interface. E.g., enter `"ja"` for Japanese. If this parameter is left unspecified, the platform's current locale (`$public.BuiltinFunctions.getCurrentLocale()`) will be used.

Place the JSONDiff Web Block onto your screen and configure the following parameters:

Parameter	Description
SourceId	The ID of the `TEXTAREA` containing the JSON string to be displayed on the left side (Source) of the comparison view.
TargetId	The ID of the `TEXTAREA` containing the JSON string to be displayed on the right side (Target) of the comparison view.
SourceName	The title/name displayed for the JSON data on the left side (e.g., `"Editing Data"` or `"New Version"`).
TargetName	The title/name displayed for the JSON data on the right side (e.g., `"Existing Data in DB"` or `"Old Version"`).
Height	Sets the maximum height of the diff viewport.
IsReadOnly	If set to `True`, the left side (Source) of the editor will be read-only. (Default: `False`/editable)
IsDataFetched	Pass the `IsDataFetched` property (Boolean) from the data source to ensure the JSONs are loaded only after data retrieval is complete.
Language	Specifies the display language for the diff interface. E.g., enter `"ja"` for Japanese. If this parameter is left unspecified, the platform's current locale (`$public.BuiltinFunctions.getCurrentLocale()`) will be used.

1.0.0

Place the JSONEditor Web Block onto your screen and configure the following parameters:

Parameter	Description
InputId	Specifies the ID of the `TEXTAREA` field that contains the JSON string to be edited.
Height	Sets the maximum height of the editor viewport (e.g., `"400px"`).
HideToolbar	If set to `True`, the editor toolbar will be hidden. (Default: `False`/shown)
IsReadOnly	If set to `True`, the editor will be read-only, preventing edits. (Default: `False`/editable)
IsDarkMode	If set to `True`, the dark theme will be enabled. (Default: `False`/light theme)
IsDataFetched	Pass the `IsDataFetched` property (Boolean) from the data source (e.g., Aggregate or Data Action) to ensure the JSON is loaded only after data retrieval is complete.
Language	Specifies the display language for the editor interface. E.g., enter `"ja"` for Japanese. If this parameter is left unspecified, the platform's current locale (`$public.BuiltinFunctions.getCurrentLocale()`) will be used.

Place the JSONDiff Web Block onto your screen and configure the following parameters:

Parameter	Description
SourceId	The ID of the `TEXTAREA` containing the JSON string to be displayed on the left side (Source) of the comparison view.
TargetId	The ID of the `TEXTAREA` containing the JSON string to be displayed on the right side (Target) of the comparison view.
SourceName	The title/name displayed for the JSON data on the left side (e.g., `"Editing Data"` or `"New Version"`).
TargetName	The title/name displayed for the JSON data on the right side (e.g., `"Existing Data in DB"` or `"Old Version"`).
Height	Sets the maximum height of the diff viewport.
IsReadOnly	If set to `True`, the left side (Source) of the editor will be read-only. (Default: `False`/editable)
IsDataFetched	Pass the `IsDataFetched` property (Boolean) from the data source to ensure the JSONs are loaded only after data retrieval is complete.
Language	Specifies the display language for the diff interface. E.g., enter `"ja"` for Japanese. If this parameter is left unspecified, the platform's current locale (`$public.BuiltinFunctions.getCurrentLocale()`) will be used.