blob: 05cc4a9481312f996b23e0c24a24c320f232caa8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
<com:TContent ID="body">
<h1>TJuiResizable Samples</h1>
<com:TStyleSheet>
#box {
width: 800px;
height: 500px;
border: 1px solid #000;
}
.resizable {
width: 150px;
height: 150px;
padding: 0.5em;
background: #fff;
border: 1px solid #f00;
overflow: hidden;
}
</com:TStyleSheet>
<table class="sampletable">
<tr><td class="samplenote" rowspan="2">
Default options with a little css applied:
</td><td class="sampleaction">
<div id="box">
<com:TJuiResizable
ID="resize1"
CssClass="resizable"
OnStart="resize1_start"
OnStop="resize1_stop"
Options.AnimateEasing="easeOutBounce"
>
<com:TActiveLabel ID="label1" Text="Resize me!" />
</com:TJuiResizable>
</div>
</td></tr>
<tr><td>
<div><com:TActiveCheckBox OnCheckedChanged="check1" Text="Resize outer box synchronously" /></div>
<div><com:TActiveCheckBox OnCheckedChanged="check2" Text="Animate final resizing" /></div>
<div><com:TActiveCheckBox OnCheckedChanged="check3" Text="Snap to [30,30] grid" /></div>
</td></tr>
</table>
</com:TContent>
|
