This is a Dock/Float panel, add any HTML contents here
This is a dockable/floatable panel, add any HTML contents here
This is a dockable/floatable panel, add any HTML contents here
This is a dockable/floatable panel, add any HTML contents here
This is a fixed panel located in center.

Demos

A Demo Showing How to Persist States

A Demo Showing How to Create a Layout

A Demo Showing How to Make IFrame Dockable & Floatable

A Demo Showing How to Create Fixed Panels

A Demo Showing How to Integrate with Angular JS(2)

A Demo Showing How to Integrate with ReactJS

Home Page


This is a very simple demo showing how to make div elements dockable & floatable. The div elements can contain any standard HTML elements. Either Ajax or Websocket can be used to send request to the web site and update web pages based on the response. You can also use SPA framework such as AngularJS, ReactJS to dynamically get contents from web site. An IFrame can be also dockable and floatable. Please see the demo with IFrame