class

SashBox

@Js
class SashBox : Box

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

See also: docDomkit

 constructors make

 fields sizes

Size to apply to each child, width or height based on dir

 resizable

Allow user to resize sash positions

 minSize

Minimum size a child can be resized to if resizable is true

 dir

Direction to layout child elements

 methods div

Create a new divider element for resizing children

 onRemove

 onAdd

 onSashResize

Callback when user resizes a sash pane if resizable is true

 dir Dir : dir

Direction to layout child elements:

  • Dir.right: layout children left to right
  • Dir.down: layout childrent top to bottom

 div static Elem div()

Create a new divider element for resizing children. Dividers are required between children when resizable is true.

 make new make()

minSize Str : minSize

Minimum size a child can be resized to if resizable is true. Only percentage sizes allowed.

 onAdd virtual Void onAdd(Elem c)

onRemove virtual Void onRemove(Elem c)

onSashResize Void onSashResize(|This| f)

Callback when user resizes a sash pane if resizable is true.

 resizable Bool : resizable

Allow user to resize sash positions. See div.

 sizes Str[] : sizes

Size to apply to each child, width or height based on dir. Fixed px and percentage sizes are allowed. Percentage sizes will be subtracted from total fixed size using CSS calc() method.

 Haxall 4.0.5 ∙ 24-Feb-2026 14:33 EST