Skip to content
JavaScript code to display JSON outlines.
JavaScript HTML CSS
Branch: master
Clone or download
Latest commit 56c0408 May 17, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Initial commit Jun 15, 2015 v0.5.0 Sep 22, 2017
outlinebrowser.css v0.5.1 May 17, 2019
outlinebrowser.js v0.5.1 May 17, 2019
outlinebrowserdemo.html v0.5.1 May 17, 2019
outlinedemo.json v0.41 Jun 18, 2015


JavaScript code to display JSON outlines.

What it does

It reads a JSON file that looks like this and renders it as an expandable outline, like this.

What is a JSON outline?

  1. It's a JSON object that contains a text value, any number of other scalar values, and an array named subs.

  2. Each object in subs conforms to rule 1.

Where this code is used

I use this code in two places:

  1. To render outlines for reading in (Example)

  2. To render outlines in rivers, to view outlines included in news items. (Example)

Demo app

Here's a link to the demo app on my server so you can see what outlinebrowserdemo.html looks like.


v0.5.0 -- 9/22/17 by DW

Saving and restoring expansion state. Two new routines, getExpansionState and applyExpansionState. The demo has been updated to support the feature. Here's the writeup on Scripting News.


  1. jQuery

  2. Font Awesome

  3. Bootstrap Toolkit

You can’t perform that action at this time.