Collapseble Panel (Expanded)

• Demo

  Collapseble Panel 2

  Every seasoned developer has one and every young and upcoming developer should be thinking of building one – a good and concise collection of UI controls, components and plugins that you can always rely on in times of need.

  Of course, there are plenty of great UI frameworks, kits and libraries that you could use, but none will offer you every component and none of them will be tailored to your own personal preferences and needs.

  Definition and Usage

  The elementType = "expanded" attribute defines a collapsible panel, which can be used to expand/ collapse any panels. The content for the panel needs to be placed just below the collapsible panel as shown in the example below.

  By default, this would be in expanded state.

  <h5 elementType = "expanded" >Collapseble Panel 2</h5>

  <div>

  <p>

  Add your content here

  </p>

  </div>

• HTML Controls

  Panels

  Collapseble Panel (Collapsed) Collapseble Panel (Expanded) Static Panel

  Tabs

  Horizontal Tab (Ajax) Vertical Tab (Ajax) Horizontal Tab Vertical Tab

  Pop Up

  Modal Popup (Header = true) Modal Popup Modal Popup (BIG data)