Resizable

Introduction

The attributes resizeable="true" extends the divs, textareas, textfields and select boxes to be resizeable.

Take a look at the Showcase to see what this tag provides.

Samples

Sample 1

A Remote Div that load AJAX content and is resizeable.

<s:url var="ajax" value="/ajax3.action"/>
<sj:div 
	href="%{ajax}" 
	indicator="indicator" 
	resizable="true" 
	resizableAnimate="true" 
	resizableGhost="true" 
	resizableHelper="ui-state-highlight" 
	resizableAspectRatio="true" 
	cssStyle="width: 250px; height: 180px;" 
	cssClass="ui-widget-content ui-corner-all"
>
	<img id="indicator" src="images/indicator.gif" alt="Loading..." style="display:none"/>
</sj:div>

Sample 2

<sj:div 
	resizable="true" 
	resizableAnimate="true" 
	resizableGhost="true" 
	resizableHandles="all" 
	cssClass="ui-widget-content ui-corner-all" 
	cssStyle="width: 250px; height: 180px; padding: 0.5em;"
>
	Resize me!<br/>
	Resize me!<br/>
	Resize me!<br/>
</sj:div >