Give us feedback
Web icon

JSON Pretty Format

Stable version 3.0.4 (Compatible with OutSystems 11)
Other versions available for 10 and Older
Uploaded on 28 May 2021 by 
 (9 ratings)

JSON Pretty Format

A simple component that allows to Pretty Print JSON format
Read more

Reactive version here.

The component allows the following prettify options:

  • Allow root node to be collapsable;
  • JSON starts collapsed;
  • Allow links to be clickable on JSON;

Credits to abodelot (

Release notes (3.0.4)
  • Sanitization of JavaScript code on the component's web block;
  • Errata fixed;
Reviews (1)
in version 3.0.2
Hi Pedro, thank you for this component it was very useful for my 1st full project as a trainee!
I discovered a small problem with the css though and thought I should share how I fixed it!
As you can see in these screen shots - - one of the strings was too long for the screen, it didn't wrap well.
I added the following property:

.json-string {
  color: #0B7500;
  white-space: normal;

It was a quick fix you might want to implement :)