Web icon

JSON Pretty Format

Stable version 3.0.4 (Compatible with OutSystems 11)
Other versions available for 10 and Older
Published 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 (https://github.com/abodelot/jquery.json-viewer)

What’s new (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 - https://imgur.com/a/vME2Vpn - 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 :)