# 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="/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`  |

## Scroll

<div align="left"><img src="/files/-MIxukRkfvrmglQ0QNd6" 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="/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> |

### Scrollbar

<div align="left"><img src="/files/-MIxukSBg9LoDcBw0phB" 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>                                    |


---

# 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/group.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.
