resize_elements (DEMO)

This simple script explains and demostrates implementation of a resizing object that can change the position of elements by cursor click.

This demo function shows an example implementation of element reshaping following a slider object. The premise is simple: when the slider object is clicked and the cursor is moved, selected elements on the figure will change their size following the slider position. Currently it is not easily possible to do an "Press and Hold" mechanic for this operation, therefore a toggle button system will be used.

The example here contains the following layout:

--------------

| b | T1: Table 1 \

| T1 b | T2: Table 2 -> Stacked on top of each other.

| b | a: A slider separating tables 1 and 2.

|aaaab T3 |

| b | T3: Table 3 -> A single, larger table.

| T2 b | b: A slider separating tables 1&2 with table 3.

| b |

--------------

Here, changing the position of "a" will resize T1 and T2 vertically, and changing the position of "b" will resize "a", T1, T2 and T3 horizontally.

There are explanations for each step included in the script. Feel free to contribute/use any part. :)