> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/api/widget.md).

# Widget

To access the property from outside:

```
document.childByName("Widget name").PROPERTY_NAME
```

To access the property from the current item:

```
widget.PROPERTY_NAME
```

| Property  | Function                                                                                                                                                                        | Type     |
| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Title     | <p>Item title<br><br><strong>Actions editor:</strong><br><code>Property > Title</code><br><strong>Code:</strong><br><code>widget.title</code></p>                               | `string` |
| Visible   | <p>Sets item visibility<br><br><strong>Actions editor:</strong><br><code>Property > Visible</code><br><strong>Code:</strong><br><code>widget.visible</code></p>                 | `bool`   |
| Maximized | <p>Gets true if widget is maximized<br><br><strong>Actions editor:</strong><br><code>Property > Maximized</code><br><strong>Code:</strong><br><code>widget.increased</code></p> | `bool`   |

## Geometry

<div align="left"><img src="/files/-MIxukRix5ioRXUjbHie" alt=""></div>

| Property            | Function                                                                                                                                                                                                            | Type     |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| X                   | <p>Sets x position relative to the page<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > X</code><br><strong>Code:</strong><br><code>widget.x</code></p>                                      | `double` |
| Y                   | <p>Sets y position relative to the page<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Y</code><br><strong>Code:</strong><br><code>widget.y</code></p>                                      | `double` |
| Width               | <p>Sets width relative to the page<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Width</code><br><strong>Code:</strong><br><code>widget.width</code></p>                                   | `double` |
| Height              | <p>Sets height relative to the page<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Height</code><br><strong>Code:</strong><br><code>widget.height</code></p>                                | `double` |
| Fixed width         | <p>Enable to fix width<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Fixed width</code><br><strong>Code:</strong><br><code>widget.fixedWidth</code></p>                                    | `bool`   |
| Fixed height        | <p>Enable to fix height<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Fixed height</code><br><strong>Code:</strong><br><code>widget.fixedHeight</code></p>                                 | `bool`   |
| Align left          | <p>Enable to left align<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Align left</code><br><strong>Code:</strong><br><code>widget.anchorLeft</code></p>                                    | `bool`   |
| Align right         | <p>Enable to right align<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Align right</code><br><strong>Code:</strong><br><code>widget.anchorRight</code></p>                                 | `bool`   |
| Align top           | <p>Enable to top align<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Align top</code><br><strong>Code:</strong><br><code>widget.anchorTop</code></p>                                       | `bool`   |
| Align bottom        | <p>Enable to bottom align<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Align bottom</code><br><strong>Code:</strong><br><code>widget.anchorBottom</code></p>                              | `bool`   |
| Margin left         | <p>Sets left margin relative to the page<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Margin left</code><br><strong>Code:</strong><br><code>widget.marginLeft</code></p>                  | `double` |
| Margin right        | <p>Sets right margin relative to the page<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Margin right</code><br><strong>Code:</strong><br><code>widget.marginRight</code></p>               | `double` |
| Margin top          | <p>Sets top margin relative to the page<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Margin top</code><br><strong>Code:</strong><br><code>widget.marginTop</code></p>                     | `double` |
| Margin bottom       | <p>Sets bottom margin relative to the page<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Margin bottom</code><br><strong>Code:</strong><br><code>widget.marginBottom</code></p>            | `double` |
| Vertically center   | <p>Enable to vertically center item<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Vertically center</code><br><strong>Code:</strong><br><code>widget.anchorVerticalCenter</code></p>       | `bool`   |
| Horizontally center | <p>Enable to horizontally center item<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Horizontally center</code><br><strong>Code:</strong><br><code>widget.anchorHorizontalCenter</code></p> | `bool`   |
| Scale               | <p>Sets scale factor<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scale</code><br><strong>Code:</strong><br><code>widget.scale</code></p>                                                 | `double` |
| ZOrder              | <p>Sets stacking order. By default is 0.<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > ZOrder</code><br><strong>Code:</strong><br><code>widget.zOrder</code></p>                           | `int`    |
| TextureX            | <p>Sets texture x offset<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > TextureX</code><br><strong>Code:</strong><br><code>widget.textureX</code></p>                                       | `double` |
| TextureY            | <p>Sets texture y offset<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > TextureY</code><br><strong>Code:</strong><br><code>widget.textureY</code></p>                                       | `double` |

## Rotation

<div align="left"><img src="/files/-MIxukRjiv5JVeYbvLd1" alt=""></div>

| Property     | Function                                                                                                                                                                                                     | Type     |
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- |
| X rotation   | <p>Sets rotation in degrees about the x<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Rotation > X rotation</code><br><strong>Code:</strong><br><code>widget.rotationX</code></p>   | `double` |
| Y rotation   | <p>Sets rotation in degrees about the y<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Rotation > Y rotation</code><br><strong>Code:</strong><br><code>widget.rotationY</code></p>   | `double` |
| Z rotation   | <p>Sets rotation in degrees about the z<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Rotation > Z rotation</code><br><strong>Code:</strong><br><code>widget.rotationZ</code></p>   | `double` |
| X offset     | <p>Sets origin point offset for x<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Rotation > X offset</code><br><strong>Code:</strong><br><code>widget.rotationXOriginX</code></p>    | `double` |
| Y offset     | <p>Sets origin point offset for y<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Rotation > Y offset</code><br><strong>Code:</strong><br><code>widget.rotationYOriginX</code></p>    | `double` |
| Origin point | <p>Sets origin point of the rotation<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Rotation > Origin point</code><br><strong>Code:</strong><br><code>widget.rotationSnap</code></p> | `flags`  |

## Style

<div align="left"><img src="/files/-MIxukS1oVyUI8r0d9Ym" alt=""></div>

| Property | Function                                                                                                                                                                             | Type     |
| -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- |
| Opacity  | <p>Sets widget opacity<br><br><strong>Actions editor:</strong><br><code>Property > Style > Opacity</code><br><strong>Code:</strong><br><code>widget.style.pageItemOpacity</code></p> | `double` |

### Border

<div align="left"><img src="/files/-MIxukS4SgT7q3Ixdk_P" alt=""></div>

| Property            | Function                                                                                                                                                                                                                   | Type     |
| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Border color        | <p>Sets widget border color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Border > Border color</code><br><strong>Code:</strong><br><code>widget.style.pageItemBorderColor</code></p>                | `color`  |
| Border width        | <p>Sets widget border width<br><br><strong>Actions editor:</strong><br><code>Property > Style > Border > Border width</code><br><strong>Code:</strong><br><code>widget.style.pageItemBorderWidth</code></p>                | `int`    |
| Border radius       | <p>Sets widget border radius<br><br><strong>Actions editor:</strong><br><code>Property > Style > Border > Border radius</code><br><strong>Code:</strong><br><code>widget.style.pageItemBorderRadius</code></p>             | `double` |
| Left border width   | <p>Sets widget left border width<br><br><strong>Actions editor:</strong><br><code>Property > Style > Border > Left border width</code><br><strong>Code:</strong><br><code>widget.style.pageItemBorderLeft</code></p>       | `int`    |
| Top border width    | <p>Sets widget top border width<br><br><strong>Actions editor:</strong><br><code>Property > Style > Border > Top border width</code><br><strong>Code:</strong><br><code>widget.style.pageItemBorderTop</code></p>          | `int`    |
| Right border width  | <p>Sets widget right border width<br><br><strong>Actions editor:</strong><br><code>Property > Style > Border > Right border width</code><br><strong>Code:</strong><br><code>widget.style.pageItemBorderRight</code></p>    | `int`    |
| Bottom border width | <p>Sets widget bottom border width<br><br><strong>Actions editor:</strong><br><code>Property > Style > Border > Bottom border width</code><br><strong>Code:</strong><br><code>widget.style.pageItemBorderBottom</code></p> | `int`    |

### Background

<div align="left"><img src="/files/-MIxukS2sTDD2FPXuy3c" alt=""></div>

| Property                   | Function                                                                                                                                                                                                                                     | Type                                                                                                                                                                                                                                                           |
| -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Background color           | <p>Sets widget background color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Background > Background color</code><br><strong>Code:</strong><br><code>widget.style.pageItemBackgroundColor</code></p>                  | `color`                                                                                                                                                                                                                                                        |
| Background image           | <p>Sets widget background image<br><br><strong>Actions editor:</strong><br><code>Property > Style > Background > Background image</code><br><strong>Code:</strong><br><code>widget.style.pageItemBackgroundMedia</code></p>                  | `string`                                                                                                                                                                                                                                                       |
| Background image fill mode | <p>Sets widget background fill mode<br><br><strong>Actions editor:</strong><br><code>Property > Style > Background > Background image fill mode</code><br><strong>Code:</strong><br><code>widget.style.pageItemBackgroundFillMode</code></p> | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Stretch</code><br><code>PreserveAspectFit</code><br><code>PreserveAspectCrop</code><br><code>Tile</code><br><code>TileVertically</code><br><code>TileHorizontally</code><br><code>Pad</code></p> |

### Mask

<div align="left"><img src="/files/-MIxukS8yWV_gdIbBwMk" alt=""></div>

| Property       | Function                                                                                                                                                                                                       | Type                                                                                                                                                                                                                                                           |
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Mask image     | <p>Sets widget mask image<br><br><strong>Actions editor:</strong><br><code>Property > Style > Mask > Mask image</code><br><strong>Code:</strong><br><code>widget.style.pageItemMaskMedia</code></p>            | `string`                                                                                                                                                                                                                                                       |
| Mask fill mode | <p>Sets widget mask fill mode<br><br><strong>Actions editor:</strong><br><code>Property > Style > Mask > Mask fill mode</code><br><strong>Code:</strong><br><code>widget.style.pageItemMaskFillMode</code></p> | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Stretch</code><br><code>PreserveAspectFit</code><br><code>PreserveAspectCrop</code><br><code>Tile</code><br><code>TileVertically</code><br><code>TileHorizontally</code><br><code>Pad</code></p> |

### Shadow

<div align="left"><img src="/files/-MIxukS6oVweet1gnN7c" alt=""></div>

| Property                 | Function                                                                                                                                                                                                                                        | Type     |
| ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Shadow radius            | <p>Sets shadow radius<br><br><strong>Actions editor:</strong><br><code>Property > Style > DropShadow > Shadow radius</code><br><strong>Code:</strong><br><code>widget.style.pageItemDropShadowRadius</code></p>                                 | `int`    |
| Shadow samples           | <p>Sets shadow samples<br><br><strong>Actions editor:</strong><br><code>Property > Style > DropShadow > Shadow samples</code><br><strong>Code:</strong><br><code>widget.style.pageItemDropShadowSamples</code></p>                              | `int`    |
| Shadow color             | <p>Sets shadow color<br><br><strong>Actions editor:</strong><br><code>Property > Style > DropShadow > Shadow color</code><br><strong>Code:</strong><br><code>widget.style.pageItemDropShadowColor</code></p>                                    | `color`  |
| Shadow horizontal offset | <p>Sets shadow horizontal offset<br><br><strong>Actions editor:</strong><br><code>Property > Style > DropShadow > Shadow horizontal offset</code><br><strong>Code:</strong><br><code>widget.style.pageItemDropShadowHorizontalOffset</code></p> | `double` |
| Shadow vertical offset   | <p>Sets shadow vertical offset<br><br><strong>Actions editor:</strong><br><code>Property > Style > DropShadow > Shadow vertical offset</code><br><strong>Code:</strong><br><code>widget.style.pageItemDropShadowVerticalOffset</code></p>       | `double` |

### Overlay

<div align="left"><img src="/files/-MIxukS9DO-gkrW-MKtH" alt=""></div>

| Property          | Function                                                                                                                                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Overlay color     | <p>Sets widget overlay color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Overlay > Overlay color</code><br><strong>Code:</strong><br><code>widget.style.pageItemOverlayColor</code></p>                   | `color`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| Overlay image     | <p>Sets widget overlay image<br><br><strong>Actions editor:</strong><br><code>Property > Style > Overlay > Overlay image</code><br><strong>Code:</strong><br><code>widget.style.pageItemOverlayMedia</code></p>                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| Blend mode        | <p>Sets overlay blend mode<br><br><strong>Actions editor:</strong><br><code>Property > Style > Overlay > Blend mode</code><br><strong>Code:</strong><br><code>widget.style.pageItemOverlayBlendMode</code></p>                    | <p><code>string</code><br><br><strong>Values:</strong><br><code>normal</code><br><code>addition</code><br><code>average</code><br><code>color</code><br><code>colorBurn</code><br><code>colorDodge</code><br><code>darken</code><br><code>darkerColor</code><br><code>difference</code><br><code>divide</code><br><code>exclusion</code><br><code>hardLight</code><br><code>hue</code><br><code>lighten</code><br><code>lighterColor</code><br><code>lightness</code><br><code>multiply</code><br><code>negation</code><br><code>saturation</code><br><code>screen</code><br><code>subtract</code><br><code>softLight</code></p> |
| Cached            | <p>Enable overlay caching to improve the performance<br><br><strong>Actions editor:</strong><br><code>Property > Style > Overlay > Cached</code><br><strong>Code:</strong><br><code>widget.style.pageItemOverlayCached</code></p> | `bool`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| Overlay fill mode | <p>Sets widget overlay fill mode<br><br><strong>Actions editor:</strong><br><code>Property > Style > Overlay > Overlay fill mode</code><br><strong>Code:</strong><br><code>widget.style.pageItemOverlayFillMode</code></p>        | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Stretch</code><br><code>PreserveAspectFit</code><br><code>PreserveAspectCrop</code><br><code>Tile</code><br><code>TileVertically</code><br><code>TileHorizontally</code><br><code>Pad</code></p>                                                                                                                                                                                                                                                                                                                                                                   |

### Margins

<div align="left"><img src="/files/-MIxukS7HSMrw3S1oWGe" alt=""></div>

| Property      | Function                                                                                                                                                                                                        | Type     |
| ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Margin left   | <p>Sets widget margin left<br><br><strong>Actions editor:</strong><br><code>Property > Style > Margins > Margin left</code><br><strong>Code:</strong><br><code>widget.style.pageItemMarginLeft</code></p>       | `double` |
| Margin right  | <p>Sets widget margin right<br><br><strong>Actions editor:</strong><br><code>Property > Style > Margins > Margin right</code><br><strong>Code:</strong><br><code>widget.style.pageItemMarginRight</code></p>    | `double` |
| Margin top    | <p>Sets widget margin top<br><br><strong>Actions editor:</strong><br><code>Property > Style > Margins > Margin top</code><br><strong>Code:</strong><br><code>widget.style.pageItemMarginTop</code></p>          | `double` |
| Margin bottom | <p>Sets widget margin bottom<br><br><strong>Actions editor:</strong><br><code>Property > Style > Margins > Margin bottom</code><br><strong>Code:</strong><br><code>widget.style.pageItemMarginBottom</code></p> | `double` |

### Blur

<div align="left"><img src="/files/-MIxukS3kiZ5-WqgLZC9" alt=""></div>

| Property            | Function                                                                                                                                                                                                                   | Type                                                                                                                                                                                                                                                           |
| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Blur mask           | <p>Sets widget blur mask image<br><br><strong>Actions editor:</strong><br><code>Property > Style > Blur > Blur mask</code><br><strong>Code:</strong><br><code>widget.style.pageItemEffectMedia</code></p>                  | `string`                                                                                                                                                                                                                                                       |
| Blur size           | <p>Sets widget blur strength<br><br><strong>Actions editor:</strong><br><code>Property > Style > Blur > Blur size</code><br><strong>Code:</strong><br><code>widget.style.pageItemEffectStrength</code></p>                 | `int`                                                                                                                                                                                                                                                          |
| Blur mask fill mode | <p>Sets widget blur mask fill mode<br><br><strong>Actions editor:</strong><br><code>Property > Style > Blur > Blur mask fill mode</code><br><strong>Code:</strong><br><code>widget.style.pageItemEffectFillMode</code></p> | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Stretch</code><br><code>PreserveAspectFit</code><br><code>PreserveAspectCrop</code><br><code>Tile</code><br><code>TileVertically</code><br><code>TileHorizontally</code><br><code>Pad</code></p> |

### Playback

`Property-Style-Playback`

| Property            | Function                                                                                                                                                                                                                                  | Type                                                                                                                           |
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| Show playback       | <p>Determines when to display playback bar<br><br><strong>Actions editor:</strong><br><code>Property > Style > Playback > Show playback</code><br><strong>Code:</strong><br><code>widget.style.pageItemControls</code></p>                | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Maximize</code><br><code>Always</code><br><code>Never</code></p> |
| Playback background | <p>Sets playback bar background color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Playback > Playback background</code><br><strong>Code:</strong><br><code>widget.style.pageItemToolbarBackgroundColor</code></p> | `color`                                                                                                                        |
| Controls color      | <p>Sets playback controls color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Playback > Controls color</code><br><strong>Code:</strong><br><code>widget.style.pageItemToolbarButtonColor</code></p>                | `color`                                                                                                                        |
| Height              | <p>Sets playback bar height<br><br><strong>Actions editor:</strong><br><code>Property > Style > Playback > Height</code><br><strong>Code:</strong><br><code>widget.style.pageItemToolbarHeight</code></p>                                 | `double`                                                                                                                       |
| Slider color        | <p>Sets playback bar slider color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Playback > Slider color</code><br><strong>Code:</strong><br><code>widget.style.pageItemToolbarSliderColor</code></p>                | `color`                                                                                                                        |
| Blurred             | <p>Enable playback bar background blurring<br><br><strong>Actions editor:</strong><br><code>Property > Style > Playback > Blurred</code><br><strong>Code:</strong><br><code>widget.style.pageItemToolbarBlurred</code></p>                | `bool`                                                                                                                         |

### Controls

<div align="left"><img src="/files/-MIxukS5cvnmH-CMb5Ea" alt=""></div>

| Property                  | Function                                                                                                                                                                                                                                        | Type                                                                                                                                                                               |
| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Color                     | <p>Sets element color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Color</code><br><strong>Code:</strong><br><code>widget.style.controlColor</code></p>                                                       | `color`                                                                                                                                                                            |
| Selected color            | <p>Sets selected state color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Selected color</code><br><strong>Code:</strong><br><code>widget.style.controlSelectedColor</code></p>                               | `color`                                                                                                                                                                            |
| Border color              | <p>Sets border color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Border color</code><br><strong>Code:</strong><br><code>widget.style.controlBorderColor</code></p>                                           | `color`                                                                                                                                                                            |
| Selected border color     | <p>Sets selected state border color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Selected border color</code><br><strong>Code:</strong><br><code>widget.style.controlBorderSelectedColor</code></p>           | `color`                                                                                                                                                                            |
| Border size               | <p>Sets border size<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Border size</code><br><strong>Code:</strong><br><code>widget.style.controlBorderSize</code></p>                                              | `int`                                                                                                                                                                              |
| Border radius             | <p>Sets border radius<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Border radius</code><br><strong>Code:</strong><br><code>widget.style.controlRadius</code></p>                                              | `int`                                                                                                                                                                              |
| Selected font             | <p>Sets selected state font color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Selected font</code><br><strong>Code:</strong><br><code>widget.style.controlSelectedFontColor</code></p>                       | `color`                                                                                                                                                                            |
| Image position            | <p>Sets image position relative to the text label<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Image position</code><br><strong>Code:</strong><br><code>widget.style.controlButtonImagePlace</code></p>       | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Qt::AlignTop</code><br><code>Qt::AlignLeft</code><br><code>Qt::AlignRight</code><br><code>Qt::AlignBottom</code></p> |
| Image size                | <p>Sets image size relative to the text label<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Image size</code><br><strong>Code:</strong><br><code>widget.style.controlButtonImageSize</code></p>                | `double`                                                                                                                                                                           |
| Image padding             | <p>Sets image padding<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Image padding</code><br><strong>Code:</strong><br><code>widget.style.controlButtonImagePadding</code></p>                                  | `double`                                                                                                                                                                           |
| Slider color              | <p>Slider (or switch) thumb color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Slider color</code><br><strong>Code:</strong><br><code>widget.style.controlSliderColor</code></p>                              | `color`                                                                                                                                                                            |
| Selected slider color     | <p>Sets selected state slider color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Selected slider color</code><br><strong>Code:</strong><br><code>widget.style.controlSliderSelectedColor</code></p>           | `color`                                                                                                                                                                            |
| Slider size               | <p>Sets slider (or switch) track size relative to the thumb size<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Slider size</code><br><strong>Code:</strong><br><code>widget.style.controlSliderSize</code></p> | `double`                                                                                                                                                                           |
| Visible items             | <p>Sets number of visible items in the tumbler<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Visible items</code><br><strong>Code:</strong><br><code>widget.style.controlTumblerVisible</code></p>             | `int`                                                                                                                                                                              |
| Over color                | <p>Sets element color on mouse entered<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Over color</code><br><strong>Code:</strong><br><code>widget.style.controlOverColor</code></p>                             | `color`                                                                                                                                                                            |
| Over border color         | <p>Sets element border color on mouse entered<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Over border color</code><br><strong>Code:</strong><br><code>widget.style.controlOverBorderColor</code></p>         | `color`                                                                                                                                                                            |
| Over font color           | <p>Sets element font color on mouse entered<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Over font color</code><br><strong>Code:</strong><br><code>widget.style.controlOverFontColor</code></p>               | `color`                                                                                                                                                                            |
| Over slider color         | <p>Sets element slider color on mouse entered<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Over slider color</code><br><strong>Code:</strong><br><code>widget.style.controlOverSliderColor</code></p>         | `color`                                                                                                                                                                            |
| Over control colorize     | <p>Sets over element colorize<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Over control colorize</code><br><strong>Code:</strong><br><code>widget.style.controlOverColorize</code></p>                        | `color`                                                                                                                                                                            |
| Control colorize          | <p>Sets element colorize<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Control colorize</code><br><strong>Code:</strong><br><code>widget.style.controlColorize</code></p>                                      | `color`                                                                                                                                                                            |
| Selected control colorize | <p>Sets selected element colorize<br><br><strong>Actions editor:</strong><br><code>Property > Style > Controls > Selected control colorize</code><br><strong>Code:</strong><br><code>widget.style.controlColorizeSelected</code></p>            | `color`                                                                                                                                                                            |

## Interaction

<div align="left"><img src="/files/-MIxukRl8GzDTsLlm5ZO" alt=""></div>

| Property               | Function                                                                                                                                                                                                          | Type   |
| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ |
| Maximizable            | <p>Enable maximizing to page on press<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Maximizable</code><br><strong>Code:</strong><br><code>widget.maximizable</code></p>               | `bool` |
| Interactive            | <p>Enable user interaction with the widget content<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Interactive</code><br><strong>Code:</strong><br><code>widget.interactive</code></p>  | `bool` |
| Input                  | <p>Enable input actions like Press, Click, Double Click<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Input</code><br><strong>Code:</strong><br><code>widget.action</code></p>        | `bool` |
| Fixed                  | <p>Disable free widget dragging<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Fixed</code><br><strong>Code:</strong><br><code>widget.fixed</code></p>                                 | `bool` |
| Lock size              | <p>Enable to lock widget size while dragging<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Lock size</code><br><strong>Code:</strong><br><code>widget.lockSize</code></p>             | `bool` |
| Lock rotation          | <p>Enable to lock widget rotation while dragging<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Lock rotation</code><br><strong>Code:</strong><br><code>widget.lockRotation</code></p> | `bool` |
| Lock x                 | <p>Enable to lock x position while dragging<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Lock x</code><br><strong>Code:</strong><br><code>widget.lockX</code></p>                    | `bool` |
| Lock y                 | <p>Enable to lock y position while dragging<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Lock y</code><br><strong>Code:</strong><br><code>widget.lockY</code></p>                    | `bool` |
| Static                 | <p>Disable dynamically load and unload widget<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Static</code><br><strong>Code:</strong><br><code>widget.static</code></p>                 | `bool` |
| Connected table index  | <p>Not documented<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Connected table index</code><br><strong>Code:</strong><br><code>widget.connectedTableIndex</code></p>                 | `int`  |
| Connected table row id | <p>Not documented<br><br><strong>Actions editor:</strong><br><code>Property > Interaction > Connected table row id</code><br><strong>Code:</strong><br><code>widget.connectedTableRowId</code></p>                | `int`  |

## Font

<div align="left"><img src="/files/-MIxukRcVpY6_frh_SG1" alt=""></div>

| Property         | Function                                                                                                                                                                                                                                                    | Type                                                                                                                                                                                                                                                                       |
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Family           | <p>Font family name<br><br><strong>Actions editor:</strong><br><code>Property > Font > Family</code><br><strong>Code:</strong><br><code>widget.style.font.family</code></p>                                                                                 | `string`                                                                                                                                                                                                                                                                   |
| Size             | <p>Font size<br><br><strong>Actions editor:</strong><br><code>Property > Font > Size</code><br><strong>Code:</strong><br><code>widget.style.font.size</code></p>                                                                                            | `int`                                                                                                                                                                                                                                                                      |
| Color            | <p>Font color<br><br><strong>Actions editor:</strong><br><code>Property > Font > Color</code><br><strong>Code:</strong><br><code>widget.style.font.color</code></p>                                                                                         | `color`                                                                                                                                                                                                                                                                    |
| Underline        | <p>Sets text underline<br><br><strong>Actions editor:</strong><br><code>Property > Font > Underline</code><br><strong>Code:</strong><br><code>widget.style.font.underline</code></p>                                                                        | `bool`                                                                                                                                                                                                                                                                     |
| Italic           | <p>Sets text italic<br><br><strong>Actions editor:</strong><br><code>Property > Font > Italic</code><br><strong>Code:</strong><br><code>widget.style.font.italic</code></p>                                                                                 | `bool`                                                                                                                                                                                                                                                                     |
| Weight           | <p>Sets font weight<br><br><strong>Actions editor:</strong><br><code>Property > Font > Weight</code><br><strong>Code:</strong><br><code>widget.style.font.weight</code></p>                                                                                 | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Thin</code><br><code>ExtraLight</code><br><code>Light</code><br><code>Normal</code><br><code>Medium</code><br><code>DemiBold</code><br><code>Bold</code><br><code>ExtraBold</code><br><code>Black</code></p> |
| Capitalization   | <p>Sets capitalization for text<br><br><strong>Actions editor:</strong><br><code>Property > Font > Capitalization</code><br><strong>Code:</strong><br><code>widget.style.font.capitalization</code></p>                                                     | <p><code>enum</code><br><br><strong>Values:</strong><br><code>MixedCase</code><br><code>AllUppercase</code><br><code>AllLowercase</code><br><code>SmallCaps</code><br><code>Capitalize</code></p>                                                                          |
| Letterspacing    | <p>Spacing between individual letters<br><br><strong>Actions editor:</strong><br><code>Property > Font > Letterspacing</code><br><strong>Code:</strong><br><code>widget.style.font.letterspacing</code></p>                                                 | `double`                                                                                                                                                                                                                                                                   |
| Horizontal       | <p>Horizontal alignment of text<br><br><strong>Actions editor:</strong><br><code>Property > Font > Horizontal</code><br><strong>Code:</strong><br><code>widget.style.font.horizontalAlignment</code></p>                                                    | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Qt::AlignLeft</code><br><code>Qt::AlignRight</code><br><code>Qt::AlignHCenter</code><br><code>Qt::AlignJustify</code></p>                                                                                    |
| Vertical         | <p>Vertical alignment of text<br><br><strong>Actions editor:</strong><br><code>Property > Font > Vertical</code><br><strong>Code:</strong><br><code>widget.style.font.verticalAlignment</code></p>                                                          | <p><code>enum</code><br><br><strong>Values:</strong><br><code>Qt::AlignTop</code><br><code>Qt::AlignBottom</code><br><code>Qt::AlignVCenter</code></p>                                                                                                                     |
| Wrap             | <p>Wrap text to the widget's width<br><br><strong>Actions editor:</strong><br><code>Property > Font > Wrap</code><br><strong>Code:</strong><br><code>widget.style.font.wrapMode</code></p>                                                                  | <p><code>enum</code><br><br><strong>Values:</strong><br><code>NoWrap</code><br><code>WordWrap</code><br><code>WrapAnywhere</code></p>                                                                                                                                      |
| Line height mode | <p>Determines how the line height is specified, proportional to the line or fixed<br><br><strong>Actions editor:</strong><br><code>Property > Font > Line height mode</code><br><strong>Code:</strong><br><code>widget.style.font.lineHeightMode</code></p> | <p><code>int</code><br><br><strong>Values:</strong><br><code>0 - Proportional height</code><br><code>1 - Fixed height</code></p>                                                                                                                                           |
| Line height      | <p>Sets line height<br><br><strong>Actions editor:</strong><br><code>Property > Font > Line height</code><br><strong>Code:</strong><br><code>widget.style.font.lineHeight</code></p>                                                                        | `int`                                                                                                                                                                                                                                                                      |

## Database

| Property            | Function                                                                                                                                                                                             | Type     |
| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Database            | <p>Database file name<br><br><strong>Actions editor:</strong><br><code>Property > Database > Database</code><br><strong>Code:</strong><br><code>widget.database</code></p>                           | `string` |
| Field index         | <p>Current field index<br><br><strong>Actions editor:</strong><br><code>Property > Database > Field index</code><br><strong>Code:</strong><br><code>widget.dbFieldNum</code></p>                     | `int`    |
| Field name          | <p>Current field name<br><br><strong>Actions editor:</strong><br><code>Property > Database > Field name</code><br><strong>Code:</strong><br><code>widget.dbFieldName</code></p>                      | `string` |
| Rows count          | <p>Number of rows in table<br><br><strong>Actions editor:</strong><br><code>Property > Database > Rows count</code><br><strong>Code:</strong><br><code>widget.dbRowCount</code></p>                  | `int`    |
| Selected rows count | <p>Number of selected rows<br><br><strong>Actions editor:</strong><br><code>Property > Database > Selected rows count</code><br><strong>Code:</strong><br><code>widget.dbSelectedRowCount</code></p> | `int`    |
| Last row index      | <p>Index of last row<br><br><strong>Actions editor:</strong><br><code>Property > Database > Last row index</code><br><strong>Code:</strong><br><code>widget.dbRowLast</code></p>                     | `int`    |
| Row id              | <p>Current row id<br><br><strong>Actions editor:</strong><br><code>Property > Database > Row id</code><br><strong>Code:</strong><br><code>widget.dbRowId</code></p>                                  | `string` |
| Sql query           | <p>Sql query<br><br><strong>Actions editor:</strong><br><code>Property > Database > Sql query</code><br><strong>Code:</strong><br><code>widget.sqlQuery</code></p>                                   | `string` |
| Parse query id      | <p>Parse query id<br><br><strong>Actions editor:</strong><br><code>Property > Database > Parse query id</code><br><strong>Code:</strong><br><code>widget.parseQueryId</code></p>                     | `string` |

## Actions

| Property                             | Function                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| ------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Show controls                        | <p>Show playback panel<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Show controls</code><br><strong>Code:</strong><br><code>widget.script.actionShowControls()</code></p>                                                                                                                                                                                                                                                                                                           |
| Hide controls                        | <p>Hide playback panel<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Hide controls</code><br><strong>Code:</strong><br><code>widget.script.actionHideControls()</code></p>                                                                                                                                                                                                                                                                                                           |
| Execute                              | <p>Execute custom script<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Execute</code><br><strong>Code:</strong><br><code>widget.script.actionExecute(QString code)</code></p>                                                                                                                                                                                                                                                                                                        |
| Set db value by field num            | <p>Add or modify row by field num. Use row index -1 to add new row, 0 to change last added row<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Set db value by field num</code><br><strong>Code:</strong><br><code>widget.script.actionSetValue(int row, int col, QString value)</code></p>                                                                                                                                                                                            |
| Set db value by field name           | <p>Add or modify row by field name. Use row index -1 to add new row, 0 to change last added row<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Set db value by field name</code><br><strong>Code:</strong><br><code>widget.script.actionSetValueByName(int row, QString fieldName, QString value)</code></p>                                                                                                                                                                          |
| Set db value by field name from JSON | <p>Add or modify row by field name from a json object. Empty <code>row id</code> will add new row. Example: <code>{"field1":"field1 value","field2":"field2 value"}</code><br><br><strong>Actions editor:</strong><br><code>Actions > Common > Set db value by field name from JSON</code><br><strong>Code:</strong><br><code>widget.script.actionCommitData(QString rowId, QString dataJson)</code></p>                                                                                                   |
| Set db value by field num from JSON  | <p>Add or modify row by field num from a json object. Empty <code>row id</code> will add new row. Example: <code>{"1":"field1 value","2":"field2 value"}</code><br><br><strong>Actions editor:</strong><br><code>Actions > Common > Set db value by field num from JSON</code><br><strong>Code:</strong><br><code>widget.script.actionCommitDataByNum(QString rowId, QString dataJson)</code></p>                                                                                                          |
| Add db row                           | <p><strong>Actions editor:</strong><br><code>Actions > Common > Add db row</code><br><strong>Code:</strong><br><code>widget.script.actionAddRow()</code></p>                                                                                                                                                                                                                                                                                                                                               |
| Remove db row                        | <p><strong>Actions editor:</strong><br><code>Actions > Common > Remove db row</code><br><strong>Code:</strong><br><code>widget.script.actionRemoveRow(QString rowId)</code></p>                                                                                                                                                                                                                                                                                                                            |
| Remove all db rows                   | <p><strong>Actions editor:</strong><br><code>Actions > Common > Remove all db rows</code><br><strong>Code:</strong><br><code>widget.script.actionRemoveAllRows()</code></p>                                                                                                                                                                                                                                                                                                                                |
| Update database                      | <p><strong>Actions editor:</strong><br><code>Actions > Common > Update database</code><br><strong>Code:</strong><br><code>widget.script.actionUpdateDatabase()</code></p>                                                                                                                                                                                                                                                                                                                                  |
| Set current db row id                | <p><strong>Actions editor:</strong><br><code>Actions > Common > Set current db row id</code><br><strong>Code:</strong><br><code>widget.script.actionSetDatabaseRowId(QString rowId)</code></p>                                                                                                                                                                                                                                                                                                             |
| Share file                           | <p><strong>Actions editor:</strong><br><code>Actions > Common > Share file</code><br><strong>Code:</strong><br><code>widget.script.actionShareFile()</code></p>                                                                                                                                                                                                                                                                                                                                            |
| Set position                         | <p>Set item x and y position, 0 is top-left side of parent, 1 is bottom-right side of parent<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set position</code><br><strong>Code:</strong><br><code>widget.script.actionSetPosition(double newX, double newY)</code><br><code>widget.script.actionSetPositionWithAnimation(double newX, double newY, int animationType, int animationDuration)</code></p>                                                                           |
| Set size                             | <p>Set item width and height, 1 to fill parent width or height<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set size</code><br><strong>Code:</strong><br><code>widget.script.actionSetSize(double newWidth, double newHeight)</code><br><code>widget.script.actionSetSizeWithAnimation(double newWidth, double newHeight, int animationType, int animationDuration)</code></p>                                                                                                   |
| Set size and position                | <p>Set item size and position, where lt is distance from parent top-left to item top-left, rb is distance from parent bottom-right to item bottom-right<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set size and position</code><br><strong>Code:</strong><br><code>widget.script.actionSetSizeAndPosition(double lt, double rb)</code><br><code>widget.script.actionSetSizeAndPositionWithAnimation(double lt, double rb, int animationType, int animationDuration)</code></p> |
| Set size and position cancel         | <p>Reset item size and position<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set size and position cancel</code><br><strong>Code:</strong><br><code>widget.script.actionSetSizeAndPositionCancel()</code><br><code>widget.script.actionSetSizeAndPositionCancelWithAnimation(int animationType, int animationDuration)</code></p>                                                                                                                                                |
| Bring to front                       | <p>Bring item to front of all items<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Bring to front</code><br><strong>Code:</strong><br><code>widget.script.actionBringToFront()</code></p>                                                                                                                                                                                                                                                                                             |
| Send to back                         | <p>Send item to back of all items<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Send to back</code><br><strong>Code:</strong><br><code>widget.script.actionSendToBack()</code></p>                                                                                                                                                                                                                                                                                                   |
| Maximize                             | <p>Maximize item<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Maximize</code><br><strong>Code:</strong><br><code>widget.script.actionExpand()</code><br><code>widget.script.actionExpandWithAnimation(int animationType, int animationDuration)</code></p>                                                                                                                                                                                                                       |
| Minimize                             | <p>Minimize item<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Minimize</code><br><strong>Code:</strong><br><code>widget.script.actionShrink()</code><br><code>widget.script.actionShrinkWithAnimation(int animationType, int animationDuration)</code></p>                                                                                                                                                                                                                       |
| Toggle maximize                      | <p>Minimize maximizing or maximize minimizing<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Toggle maximize</code><br><strong>Code:</strong><br><code>widget.script.actionToggleExpand()</code><br><code>widget.script.actionToggleExpandWithAnimation(int animationType, int animationDuration)</code></p>                                                                                                                                                                       |
| Save as image                        | <p>Save the item as image to default Documents folder<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Save as image</code><br><strong>Code:</strong><br><code>widget.script.actionSaveAsImage(QString fileName)</code></p>                                                                                                                                                                                                                                                             |
| Set scale                            | <p>Set bitmap scale, scale = 1 is default<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set scale</code><br><strong>Code:</strong><br><code>widget.script.actionSetScale(double newScale)</code><br><code>widget.script.actionSetScaleWithAnimation(double newScale, int animationType, int animationDuration)</code></p>                                                                                                                                                         |
| Show                                 | <p>Show the item<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Show</code><br><strong>Code:</strong><br><code>widget.script.actionShow()</code></p>                                                                                                                                                                                                                                                                                                                                  |
| Hide                                 | <p>Hide the item<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Hide</code><br><strong>Code:</strong><br><code>widget.script.actionHide()</code></p>                                                                                                                                                                                                                                                                                                                                  |
| Toggle visibility                    | <p>Toggle item visibility<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Toggle visibility</code><br><strong>Code:</strong><br><code>widget.script.actionToggleVisible()</code></p>                                                                                                                                                                                                                                                                                                   |
| Disable                              | <p>Disable user interaction with the widget content<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Disable</code><br><strong>Code:</strong><br><code>widget.script.actionDisable()</code></p>                                                                                                                                                                                                                                                                                         |
| Enable                               | <p>Enable user interaction with the widget content<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Enable</code><br><strong>Code:</strong><br><code>widget.script.actionEnable()</code></p>                                                                                                                                                                                                                                                                                            |
| Set interactive                      | <p>Set item interactive to true or false<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Set interactive</code><br><strong>Code:</strong><br><code>widget.script.actionSetInteractive(bool newInteractive)</code></p>                                                                                                                                                                                                                                                                  |
| Disable input                        | <p>Disable input actions like Press, Click, Double Click<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Disable input</code><br><strong>Code:</strong><br><code>widget.script.actionDisableInput()</code></p>                                                                                                                                                                                                                                                                         |
| Enable input                         | <p>Enable input actions like Press, Click, Double Click<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Enable input</code><br><strong>Code:</strong><br><code>widget.script.actionEnableInput()</code></p>                                                                                                                                                                                                                                                                            |
| Set visibility                       | <p>Set item visibility to true or false<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Set visibility</code><br><strong>Code:</strong><br><code>widget.script.actionSetVisible(bool newVisible)</code></p>                                                                                                                                                                                                                                                                            |
| Press                                | <p>Manually fire Press event<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Press</code><br><strong>Code:</strong><br><code>widget.script.actionItemPressed()</code></p>                                                                                                                                                                                                                                                                                                              |
| Click                                | <p>Manually fire Click event<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Click</code><br><strong>Code:</strong><br><code>widget.script.actionItemClicked()</code></p>                                                                                                                                                                                                                                                                                                              |
| Double click                         | <p>Manually fire Double click event<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Double click</code><br><strong>Code:</strong><br><code>widget.script.actionItemDoublePressed()</code></p>                                                                                                                                                                                                                                                                                          |
| Set opacity                          | <p>Set item opacity from 0 to 1<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set opacity</code><br><strong>Code:</strong><br><code>widget.script.actionSetOpacity(double newOpacity)</code><br><code>widget.script.actionSetOpacityWithAnimation(double newOpacity, int animationType, int animationDuration)</code></p>                                                                                                                                                         |
| Set color                            | <p>Set item background color using hex color<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set color</code><br><strong>Code:</strong><br><code>widget.script.actionSetColor(color newColor)</code><br><code>widget.script.actionSetColorWithAnimation(color newColor, int animationType, int animationDuration)</code></p>                                                                                                                                                        |
| Set overlay color                    | <p>Set item overlay color using hex color<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set overlay color</code><br><strong>Code:</strong><br><code>widget.script.actionSetOverlayColor(color newColor)</code><br><code>widget.script.actionSetOverlayColorWithAnimation(color newColor, int animationType, int animationDuration)</code></p>                                                                                                                                     |
| Set blur                             | <p>Set item blur strength, 0 is no blur<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set blur</code><br><strong>Code:</strong><br><code>widget.script.actionSetBlur(int newBlur)</code><br><code>widget.script.actionSetBlurWithAnimation(int newBlur, int animationType, int animationDuration)</code></p>                                                                                                                                                                      |
| Set X                                | <p>Set item x position, 0 is left side of parent, 1 is right side of parent<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set X</code><br><strong>Code:</strong><br><code>widget.script.actionSetX(double newX)</code><br><code>widget.script.actionSetXWithAnimation(double newX, int animationType, int animationDuration)</code></p>                                                                                                                                           |
| Set Y                                | <p>Set item y position, 0 is top side of parent, 1 is bottom side of parent<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set Y</code><br><strong>Code:</strong><br><code>widget.script.actionSetY(double newY)</code><br><code>widget.script.actionSetYWithAnimation(double newY, int animationType, int animationDuration)</code></p>                                                                                                                                           |
| Set Width                            | <p>Set item width, 1 to fill parent width<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set Width</code><br><strong>Code:</strong><br><code>widget.script.actionSetWidth(double newW)</code><br><code>widget.script.actionSetWidthWithAnimation(double newW, int animationType, int animationDuration)</code></p>                                                                                                                                                                 |
| Set Height                           | <p>Set item height, 1 to fill parent height<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set Height</code><br><strong>Code:</strong><br><code>widget.script.actionSetHeight(double newH)</code><br><code>widget.script.actionSetHeightWithAnimation(double newH, int animationType, int animationDuration)</code></p>                                                                                                                                                            |
| Rotate                               | <p>Rotate item to newAngle degree, 0 is default<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Rotate</code><br><strong>Code:</strong><br><code>widget.script.actionRotate(double newAngle)</code><br><code>widget.script.actionRotateWithAnimation(double newAngle, int animationType, int animationDuration)</code></p>                                                                                                                                                          |
| Rotate X                             | <p>Rotate item about the x to newAngle degree, 0 is default<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Rotate X</code><br><strong>Code:</strong><br><code>widget.script.actionRotateX(double newAngle)</code><br><code>widget.script.actionRotateXWithAnimation(double newAngle, int animationType, int animationDuration)</code></p>                                                                                                                                          |
| Rotate Y                             | <p>Rotate item about the y to newAngle degree, 0 is default<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Rotate Y</code><br><strong>Code:</strong><br><code>widget.script.actionRotateY(double newAngle)</code><br><code>widget.script.actionRotateYWithAnimation(double newAngle, int animationType, int animationDuration)</code></p>                                                                                                                                          |
| Set texture x                        | <p>Sets texture x offset<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set texture x</code><br><strong>Code:</strong><br><code>widget.script.actionSetTextureX(double newX)</code><br><code>widget.script.actionSetTextureXWithAnimation(double newX, int animationType, int animationDuration)</code></p>                                                                                                                                                                        |
| Set texture y                        | <p>Sets texture y offset<br><br><strong>Actions editor:</strong><br><code>Actions > Animation > Set texture y</code><br><strong>Code:</strong><br><code>widget.script.actionSetTextureY(double newY)</code><br><code>widget.script.actionSetTextureYWithAnimation(double newY, int animationType, int animationDuration)</code></p>                                                                                                                                                                        |

## Events

| Property              | Function                                                                                                                                                                                                            |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Changed               | <p>Event when any property is changed<br><br><strong>Actions editor:</strong><br><code>Event > Changed</code><br><strong>Code:</strong><br><code>widget.script.eventChanged()</code></p>                            |
| Database updated      | <p>Event when database is updated<br><br><strong>Actions editor:</strong><br><code>Event > Database updated</code><br><strong>Code:</strong><br><code>widget.script.eventDatabaseUpdated()</code></p>               |
| Database rows count   | <p>Event when database rows count changed<br><br><strong>Actions editor:</strong><br><code>Event > Database rows count</code><br><strong>Code:</strong><br><code>widget.script.eventDatabaseRowsCount()</code></p>  |
| Database data changed | <p>Event when database data is changed<br><br><strong>Actions editor:</strong><br><code>Event > Database data changed</code><br><strong>Code:</strong><br><code>widget.script.eventDatabaseData()</code></p>        |
| Toggled maximizing    | <p>Event when the item is maximized or minimized<br><br><strong>Actions editor:</strong><br><code>Event > Toggled maximizing</code><br><strong>Code:</strong><br><code>widget.script.eventToggleExpand()</code></p> |
| Maximized             | <p>Event when item is maximized<br><br><strong>Actions editor:</strong><br><code>Event > Maximized</code><br><strong>Code:</strong><br><code>widget.script.eventExpand()</code></p>                                 |
| Minimized             | <p>Event when item is minimized<br><br><strong>Actions editor:</strong><br><code>Event > Minimized</code><br><strong>Code:</strong><br><code>widget.script.eventShrink()</code></p>                                 |
| Hide                  | <p>Event when item is hidden<br><br><strong>Actions editor:</strong><br><code>Event > Hide</code><br><strong>Code:</strong><br><code>widget.script.eventHided()</code></p>                                          |
| Show                  | <p>Event when item is shown<br><br><strong>Actions editor:</strong><br><code>Event > Show</code><br><strong>Code:</strong><br><code>widget.script.eventShowed()</code></p>                                          |
| Toggle visibility     | <p>Event when visibility is toggled<br><br><strong>Actions editor:</strong><br><code>Event > Toggle visibility</code><br><strong>Code:</strong><br><code>widget.script.eventToggleVisible()</code></p>              |
| Press                 | <p>Event when mouse/touch is pressed<br><br><strong>Actions editor:</strong><br><code>Event > Press</code><br><strong>Code:</strong><br><code>widget.script.eventItemPressed()</code></p>                           |
| Click                 | <p>Event when mouse/touch is released<br><br><strong>Actions editor:</strong><br><code>Event > Click</code><br><strong>Code:</strong><br><code>widget.script.eventItemClicked()</code></p>                          |
| Double click          | <p>Event when double clicked<br><br><strong>Actions editor:</strong><br><code>Event > Double click</code><br><strong>Code:</strong><br><code>widget.script.eventItemDoublePressed()</code></p>                      |
| Mouse over            | <p>Event when mouse over widget<br><br><strong>Actions editor:</strong><br><code>Event > Mouse over</code><br><strong>Code:</strong><br><code>widget.script.eventMouseOver()</code></p>                             |
| Mouse out             | <p>Event when mouse out widget<br><br><strong>Actions editor:</strong><br><code>Event > Mouse out</code><br><strong>Code:</strong><br><code>widget.script.eventMouseOut()</code></p>                                |
| Loaded                | <p>Event when item loaded<br><br><strong>Actions editor:</strong><br><code>Event > Loaded</code><br><strong>Code:</strong><br><code>widget.script.eventLoaded()</code></p>                                          |
| Swipe left            | <p>Event when swipe left<br><br><strong>Actions editor:</strong><br><code>Event > Swipe left</code><br><strong>Code:</strong><br><code>widget.script.eventSwipeLeft()</code></p>                                    |
| Swipe right           | <p>Event when swipe right<br><br><strong>Actions editor:</strong><br><code>Event > Swipe right</code><br><strong>Code:</strong><br><code>widget.script.eventSwipeRight()</code></p>                                 |
| Swipe up              | <p>Event when swipe up<br><br><strong>Actions editor:</strong><br><code>Event > Swipe up</code><br><strong>Code:</strong><br><code>widget.script.eventSwipeUp()</code></p>                                          |
| Swipe down            | <p>Event when swipe down<br><br><strong>Actions editor:</strong><br><code>Event > Swipe down</code><br><strong>Code:</strong><br><code>widget.script.eventSwipeDown()</code></p>                                    |
