Tutorials
-
Getting started
Familiarise yourself with the basic concepts and building blocks of GoldenLayout.
-
Getting started with react
Learn how to use GoldenLayout with ReactJS
-
Saving State
Learn how to persist and load Layout and Component state
-
Dynamically adding items to layouts
Learn about the various ways of adding new items to an existing layout at runtime.
-
Adding new controls to the header
Learn how to add a color selector to every component's header and persist its changes
-
Working with popouts
Learn what to watch out for when using popouts
-
Extending Tabs
Learn how to add custom functionality to tabs
-
Using GoldenLayout with RequireJS
Learn how to use GoldenLayout with RequireJS and how to inject its dependency
-
Simple usage with Angular
Using GoldenLayout as a simple layout manager for your Angular app
-
Multi-Module Angular Apps in GoldenLayout
This tutorial addresses some common challenges when building complex Angular apps with GoldenLayout
-
Using GoldenLayout with HighCharts and Yahoo Finance
Learn how to create a HighCharts chart showing historic stock prices from Yahoo Finance in GoldenLayout
-
Using GoldenLayout with SlickGrid
Learn how to build a component that manages the interaction between SlickGrid and GoldenLayout