Skip to main content
Version: 4.2.9

Resizable

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

XML skeleton#

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

Resizable attributes#

AttributeUseTypeDescriptionValues
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.

Examples#

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" />
</grid>
</resizable>
resizable