pod domkit

DOM Based UI Framework

Classes

AccordionBox

AccordionBox displays collapsible content panels for presenting information in a limited amount of vertical space, where the header element is used to collapse or expand the child content.

Box

Box defaults style to

Button

Button is a widget that invokes an action when pressed.

ButtonGroup

ButtonGroup groups a set of toggle or radio buttons and handles making sure only one button in group is selected at a time.

CardBox

CardBox lays out child elements as a stack of cards, where only one card may be visible at a time.

Checkbox

Checkbox displays a checkbox that can be toggled on and off.

Combo

Combo combines a TextField and ListButton into a single widget that allows a user to select from a list or manually enter a value.

Dialog

Dialog manages a modal window above page content.

DomListener

DomListener monitors the DOM and invokes callbacks when modifications occur.

DragTarget

DragTarget converts an Elem into a drag target for a drag-and-drop events.

DropTarget

DropTarget converts an Elem into a drop target for drag and drop events.

FilePicker

FilePicker allows selection of files.

FlexBox

FlexBox lays out child elements based on the CSS Flexbox Layout module, which primarily lays out items along a single axis (the main axis).

FlipBox

FlipBox displays content on a 3D card, and allows transitiong between the front and back using a flipping animation.

FlowBox

FlowBox lays out its children in a one-directional flow.

GridBox

GridBox lays its children out in a two dimensional grid.

Label

Simple text based element.

Link

Hyperlink anchor element

ListButton

ListButton allows user selection of an item in a list by showing a listbox popup on button press.

Menu

Popup menu

MenuItem

MenuItem for a Menu

Popup

Popup window which can be closed clicking outside of element.

ProgressBar

ProgressBar visualizes progress of a long running operation

RadioButton

RadioButton displays a radio button.

SashBox

SashBox lays out children in a single direction allowing both fixed and pertange sizes that can fill the parent container.

ScrollBox

ScrollBox displays content in a scrollable viewport.

Selection

Selection manages the selected items and/or indexes

Table

Table displays a grid of rows and columns.

TableEvent

TableEvents are generated by Table cells.

TableFlags

Table specific flags for eventing

TableModel

TableModel backs the data model for a Table

TextArea

Multi-line text input element

TextField

Text field input element.

ToggleButton

ToggleButton models a boolean state toggled by pressing a button.

Tooltip

Tooltip displays a small popup when the mouse hovers over the bound node element, and is dismissed when the mouse moves out.

Tree

Tree visualizes TreeNodes as a series of expandable nodes.

TreeEvent

TreeEvent are generated by TreeNode nodes.

TreeFlags

Tree specific flags for eventing

TreeNode

TreeNode models a node in a Tree.

WellBox

WellBox displays content in a recessed well.

Enums

Align

Alignment enums: top, left, bottom, right, center, fill

Dir

Direction enums: up, down, left, right

Overview

DomKit is a HTML5 UI toolkit designed for building Web-based user interfaces.

See docDomkit for full documentation.