Ext JS Kitchen Sink
RTL
Examples
Name
Panels
Basic Panel
Framed Panel
Grids
Array Grid
Grouped Grid
Locking Grid
Grouped Header Grid
Multiple Sort Grid
Progress Bar Pager
Sliding Pager
Reconfigure Grid
Property Grid
Cell Editing
Trees
Basic Trees
Tree Reorder
Tree Grid
Two Trees
Check Tree
XML Tree
Tabs
Basic Tabs
Plain Tabs
Framed Tabs
Icon Tabs
Windows
Basic Window
Buttons
Basic Buttons
Toggle Buttons
Menu Buttons
Menu Bottom Buttons
Split Buttons
Split Bottom Buttons
Left Text Buttons
Right Text Buttons
Link Buttons
DataView
Multisort DataView
Forms
Login Form
Contact Form
Register Form
Number Field
Checkout Form
Form with Grid
Toolbars
Basic Toolbar
Docked Toolbar
Layout
Accordion Layout
Slider
Slider Field
Drag & Drop
Field to Grid
Grid to Form
Grid to Grid
 
Basic Panel
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Header Icons
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Collapsed Panel
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 
Example Info
Description

This example shows how to create basic panels

Panels typically have a header and a body, although the header is optional. The panel header can contain a title, and icon, and one or more tools for performing specific actions when clicked

 
Code Preview