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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.flipabit.dev/api/widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
