GESTURE - AppDaddy-Software-Solutions-Inc/framework-markup-language GitHub Wiki

<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>

    logo See it in Action

    Other Widget(s) You May Find Useful:

    ⚠️ **GitHub.com Fallback** ⚠️