Jx.Button.Flyout Examples

API Reference: Jx.Button.Flyout Extends Jx.Button

Basic Flyouts

A flyout button is one that opens a panel next to the button when clicked. Flyout buttons have the same options as regular buttons (they can have images and labels) and an extra option for specifying the content of the flyout. This flyout uses an existing <div> element in the page for its content:

Flyouts with asynchronous content

A flyout can also load content from a remote page using an asynchronous request:

Nested Flyouts

Flyout buttons can be contained in the content of other flyouts as well:

Disabled Flyouts

Flyout buttons can be enabled and disabled just like other buttons:

Inline Content

Lorem ipsum dolor sit ajax, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Flyout with Children

Lorem ipsum dolor sit ajax, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.