Jx.Panel Examples

API Reference: Jx.Panel See Also: Jx.Toolbar

A Panel with content

A panel is a container that wraps around existing content using the Jx.ContentLoader API and adds a few extras such as an optional title bar and managed toolbars. Panels are the basic building block of dialogs and tab boxes, but can be used by themselves.

Toolbars in Panels

A panel is a container that wraps around existing content using the Jx.ContentLoader API and adds a few extras such as an optional title bar and managed toolbars. Panels are the basic building block of dialogs and tab boxes, but can be used by themselves.

Basic Panel

This panel is built with mostly default options, which means it has a title bar and it can be collapsed and expanded. It has a fixed height specified in the options (100 pixels). The title is specified by the label. This panel loads content from a <div> element that already exists in the page by referring to it by id.

Toolbars in Panels

Toolbars can be added to any of the four sides of a panel (top, right, bottom or left) or any combination thereof.