GESTURE

<GESTURE/> : Widget

The <GESTURE/> widget creates a interactive gesture wrapper one or more child widgets. Mouse and touch gestures trigger the corresponding event. For simple onclick gestures, consider using <BUTTON/> or <LINK/>.

Attributes

Name	Type	Default	Description	Req
enabled	bool	true	Whether or not you can interact with the gesture.
cursor	string	click	alias → A cursor indicating that the current operation will create an alias of, or a shortcut of the item allScroll → A cursor indicating scrolling in any direction basic → The platform-dependent basic cursor cell → A cursor indicating selectable table cells click → A cursor that emphasizes an element being clickable, such as a hyperlink contextMenu → A cursor indicating somewhere the user can trigger a context menu copy → A cursor indicating that the current operation will copy the item disappearing → A cursor indicating that the current operation will result in the disappearance of the item forbidden → A cursor indicating an operation that will not be carried out grab → A cursor indicating something that can be dragged grabbing → A cursor indicating something that is being dragged help → A cursor indicating help information move → A cursor indicating moving something noDrop → A cursor indicating somewhere that the current item may not be dropped none → Hide the cursor precise → A cursor indicating precise selection, such as selecting a pixel in a bitmap progress → A cursor indicating the status that the program is busy but can still be interacted with resizeColumn → A cursor indicating resizing a column, or an item horizontally resizeDown → A cursor indicating resizing an object from its bottom edge resizeDownLeft → A cursor indicating resizing an object from its bottom-left corner resizeDownRight → A cursor indicating resizing an object from its bottom-right corner resizeLeft → A cursor indicating resizing an object from its left edge resizeLeftRight → A cursor indicating resizing an object bidirectionally from its left or right edge resizeRight → A cursor indicating resizing an object from its right edge resizeRow → A cursor indicating resizing a row, or an item vertically resizeUp → A cursor indicating resizing an object from its top edge resizeUpDown → A cursor indicating resizing an object bidirectionally from its top or bottom edge resizeUpLeft → A cursor indicating resizing an object from its top-left corner resizeUpLeftDownRight → A cursor indicating resizing an object bidirectionally from its top left or bottom right corner resizeUpRight → A cursor indicating resizing an object from its top-right corner resizeUpRightDownLeft → A cursor indicating resizing an object bidirectionally from its top right or bottom left corner text → A cursor indicating selectable text verticalText → A cursor indicating selectable vertical text wait → A cursor indicating the status that the program is busy and therefore can not be interacted with zoomIn → A cursor indicating zooming in zoomOut → A cursor indicating zooming out

Events

Name	Description
onclick	Triggers on click/tap
onrightclick	Triggers on right click
onlongpress	Triggers on long press
ondoubletap	Triggers on double click/tap
onswipeleft	Triggers on swiping left
onswiperight	Triggers on swiping right
onswipeup	Triggers on swiping up
onswipedown	Triggers when swiping down
onmouseover	Triggers on mouse over
onmouseout	Triggers on mouse out

Examples

Example #1 : a simple gesture

<FML>
    <CENTER>
        <GESTURE onswipeleft="toast('Swiped Left');" onswiperight="toast('Swiped Right');" onswipeup="toast('Swiped Up');" onswipedown="toast('Swiped Down');" >
            <BOX height="300" width="300" center="true" color="amber" layout="column">
                <ICON icon="swipe" size="190" />
                <TEXT size="64">
                    Swipe
                </TEXT>
            </BOX>
        </GESTURE>
    </CENTER>
</FML>

See it in Action

Other Widget(s) You May Find Useful:

• <BUTTON/>
• <LINK/>