Skip to main content
Version: 4.8.0


A resizable is a container which can be resized grabbing one of its sides.

XML skeleton

<resizable directions="[directions]" style="[style]">

Resizable attributes

idOptionalStringResizable identifier. For reference purposes
directionsRequiredStringResizable grabber positionright, left, top, bottom
styleOptionalStringWindow CSS classes

Note: Resizable should always have a initial width or height defined by a css class.


Resizable with a grabber to the right

<resizable directions="right" style="col-xs-12 col-sm-4 col-lg-2 no-padding">
<grid id="MatSel" style="expand grid-bordered" initial-load="query" server-action="data" target-action="QryUniTst" max="10">
<column label="COLUMN_SIT" sort-field="Als" name="Als5" charlength="25" />