We will use the event element to showcase how an element's dimensions can be adjusted. The display of the function element is used for size comparison only.
![](/download/attachments/79495751/event_drag_point.png?version=1&modificationDate=1552481520000&api=v2) | Click on the element to be adjusted in order to display its indicators. |
| Click on the indicator in the bottom right corner and drag to the desired location. During the dragging process a red-dotted line indicates the element's circumference after adjustment. |
![](/download/attachments/79495751/event_resized.png?version=1&modificationDate=1552481665000&api=v2) |
Release the mouse key. The element size is enlarged to fit its bottom right corner to the indicated new position. |
![](/download/attachments/79495751/event_decreased.png?version=1&modificationDate=1552481710000&api=v2) |
You may also decrease an element's size accordingly. |