# Group

| 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukRix5ioRXUjbHie%2FProperty-Geometry.png?alt=media&#x26;token=9e39a708-0b3a-4313-b193-55af4bda1ed7" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukRjiv5JVeYbvLd1%2FProperty-Geometry-Rotation.png?alt=media&#x26;token=16d3f6a0-0f79-4cfb-870e-ef0f379cb72e" 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`  |

## Scroll

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukRkfvrmglQ0QNd6%2FProperty-Geometry-Scroll.png?alt=media&#x26;token=4db5b719-e123-4189-937c-5b6a14819af7" alt=""></div>

| Property            | Function                                                                                                                                                                                                                                    | Type     |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Cache               | <p>Determines whether widgets are retained outside the visible area of the view<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scroll > Cache</code><br><strong>Code:</strong><br><code>.scrollCacheSize</code></p> | `int`    |
| Clip                | <p>Enable clipping<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scroll > Clip</code><br><strong>Code:</strong><br><code>.clip</code></p>                                                                          | `bool`   |
| Dynamic loading     | <p>Disable to load all widgets at once<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scroll > Dynamic loading</code><br><strong>Code:</strong><br><code>.loadOnlyVisibleBlocks</code></p>                          | `bool`   |
| Unload widgets      | <p>Disable to prevent unloading already loaded widgets<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scroll > Unload widgets</code><br><strong>Code:</strong><br><code>.unloadLoaded</code></p>                    | `bool`   |
| Load on scroll stop | <p>Enable to load widgets only on scroll stop<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scroll > Load on scroll stop</code><br><strong>Code:</strong><br><code>.loadOnScrollStop</code></p>                    | `bool`   |
| Content x           | <p>Gets content x position from 0 to 1<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scroll > Content x</code><br><strong>Code:</strong><br><code>.contentX</code></p>                                             | `double` |
| Content y           | <p>Gets content y position from 0 to 1<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scroll > Content y</code><br><strong>Code:</strong><br><code>.contentY</code></p>                                             | `double` |
| Disable scroll      | <p>Disable group scroll<br><br><strong>Actions editor:</strong><br><code>Property > Geometry > Scroll > Disable scroll</code><br><strong>Code:</strong><br><code>.disableScroll</code></p>                                                  | `bool`   |

## Style

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukS1oVyUI8r0d9Ym%2FProperty-Style.png?alt=media&#x26;token=81ca1c2a-58d5-467d-911a-637bce3182a9" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukS4SgT7q3Ixdk_P%2FProperty-Style-Border.png?alt=media&#x26;token=e4068939-a8ae-40bd-8135-d89ddfe7c496" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukS2sTDD2FPXuy3c%2FProperty-Style-Background.png?alt=media&#x26;token=114e6fe8-c6de-4780-beee-db7c63933caf" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukS8yWV_gdIbBwMk%2FProperty-Style-Mask.png?alt=media&#x26;token=2c8c505f-3c8c-4770-b120-91278def624b" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukS6oVweet1gnN7c%2FProperty-Style-DropShadow.png?alt=media&#x26;token=e7cf95b3-d1af-4db8-a1fe-dc3845a96682" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukS9DO-gkrW-MKtH%2FProperty-Style-Overlay.png?alt=media&#x26;token=886bb479-ad81-4cd1-9463-1e2f15b6d4ad" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukS7HSMrw3S1oWGe%2FProperty-Style-Margins.png?alt=media&#x26;token=274dfd46-0161-4945-b9be-48556e5461a7" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukS3kiZ5-WqgLZC9%2FProperty-Style-Blur.png?alt=media&#x26;token=6bda8975-50e9-497c-a432-dc1c2296acd1" 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> |

### Scrollbar

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukSBg9LoDcBw0phB%2FProperty-Style-Scrollbar.png?alt=media&#x26;token=c28e950b-a68e-44d6-9f31-52672ce978de" alt=""></div>

| Property         | Function                                                                                                                                                                                                                              | Type     |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Enable scrollbar | <p>Enable to show scrollbar<br><br><strong>Actions editor:</strong><br><code>Property > Style > Scrollbar > Enable scrollbar</code><br><strong>Code:</strong><br><code>widget.style.blockGroupShowScrollBar</code></p>                | `bool`   |
| Size             | <p>Sets scrollbar size relative to page size<br><br><strong>Actions editor:</strong><br><code>Property > Style > Scrollbar > Size</code><br><strong>Code:</strong><br><code>widget.style.blockGroupScrollSize</code></p>              | `double` |
| Radius           | <p>Sets scrollbar radius<br><br><strong>Actions editor:</strong><br><code>Property > Style > Scrollbar > Radius</code><br><strong>Code:</strong><br><code>widget.style.blockGroupScrollRadius</code></p>                              | `double` |
| Background color | <p>Sets scrollbar background color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Scrollbar > Background color</code><br><strong>Code:</strong><br><code>widget.style.blockGroupScrollBackgroundColor</code></p> | `color`  |
| Color            | <p>Sets scrollbar color<br><br><strong>Actions editor:</strong><br><code>Property > Style > Scrollbar > Color</code><br><strong>Code:</strong><br><code>widget.style.blockGroupScrollColor</code></p>                                 | `color`  |

## Actions

| Property                     | Function                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Scroll to widget             | <p>Scroll to required widget<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Scroll to widget</code><br><strong>Code:</strong><br><code>.script.actionScrollToWidget(int widgetNum)</code></p>                                                                                                                                                                                                                                                                                         |
| Scroll to position           | <p>Scroll to custom position<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Scroll to position</code><br><strong>Code:</strong><br><code>.script.actionScrollToPos(double xPos, double yPos)</code></p>                                                                                                                                                                                                                                                                               |
| Scroll to top                | <p>Scroll to top<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Scroll to top</code><br><strong>Code:</strong><br><code>.script.actionScrollToTop()</code></p>                                                                                                                                                                                                                                                                                                                        |
| Scroll to bottom             | <p>Scroll to bottom<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Scroll to bottom</code><br><strong>Code:</strong><br><code>.script.actionScrollToBottom()</code></p>                                                                                                                                                                                                                                                                                                               |
| Scroll to left               | <p>Scroll to left<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Scroll to left</code><br><strong>Code:</strong><br><code>.script.actionScrollToLeft()</code></p>                                                                                                                                                                                                                                                                                                                     |
| Scroll to right              | <p>Scroll to right<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Scroll to right</code><br><strong>Code:</strong><br><code>.script.actionScrollToRight()</code></p>                                                                                                                                                                                                                                                                                                                  |
| Disable vertical scroll      | <p><strong>Actions editor:</strong><br><code>Actions > Common > Disable vertical scroll</code><br><strong>Code:</strong><br><code>.script.actionDisableVScroll()</code></p>                                                                                                                                                                                                                                                                                                                                |
| Disable horizontal scroll    | <p><strong>Actions editor:</strong><br><code>Actions > Common > Disable horizontal scroll</code><br><strong>Code:</strong><br><code>.script.actionDisableHScroll()</code></p>                                                                                                                                                                                                                                                                                                                              |
| Enable vertical scroll       | <p><strong>Actions editor:</strong><br><code>Actions > Common > Enable vertical scroll</code><br><strong>Code:</strong><br><code>.script.actionEnableVScroll()</code></p>                                                                                                                                                                                                                                                                                                                                  |
| Enable horizontal scroll     | <p><strong>Actions editor:</strong><br><code>Actions > Common > Enable horizontal scroll</code><br><strong>Code:</strong><br><code>.script.actionEnableHScroll()</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>.script.eventChanged()</code></p>                                  |
| Scroll             | <p>Event when content is scrolled<br><br><strong>Actions editor:</strong><br><code>Event > Scroll</code><br><strong>Code:</strong><br><code>.script.eventScroll()</code></p>                                        |
| Scroll stop        | <p>Event when scroll is finished<br><br><strong>Actions editor:</strong><br><code>Event > Scroll stop</code><br><strong>Code:</strong><br><code>.script.eventScrollStop()</code></p>                                |
| Scroll down        | <p>Event when content is scrolled down<br><br><strong>Actions editor:</strong><br><code>Event > Scroll down</code><br><strong>Code:</strong><br><code>.script.eventScrollDown()</code></p>                          |
| Scroll up          | <p>Event when content is scrolled up<br><br><strong>Actions editor:</strong><br><code>Event > Scroll up</code><br><strong>Code:</strong><br><code>.script.eventScrollUp()</code></p>                                |
| Scroll left        | <p>Event when content is scrolled left<br><br><strong>Actions editor:</strong><br><code>Event > Scroll left</code><br><strong>Code:</strong><br><code>.script.eventScrollLeft()</code></p>                          |
| Scroll right       | <p>Event when content is scrolled right<br><br><strong>Actions editor:</strong><br><code>Event > Scroll right</code><br><strong>Code:</strong><br><code>.script.eventScrollRight()</code></p>                       |
| Content size       | <p>Event when content size is changed<br><br><strong>Actions editor:</strong><br><code>Event > Content size</code><br><strong>Code:</strong><br><code>.script.eventScrollContentSize()</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>                                    |
