# GDScript: UI controls

Source: https://tweens.gd/gdscript/nodes/ui/

Helpers for `Control`, `Range`, and the UI classes that derive from them.

Each row pairs a helper with the property path it tweens. Names ending in `_x`, `_y`, `_z`, or `_alpha` write one component.

76 helpers: [Control](https://tweens.gd/gdscript/nodes/ui/#control) · [Range](https://tweens.gd/gdscript/nodes/ui/#range) · [ColorRect](https://tweens.gd/gdscript/nodes/ui/#colorrect) · [Label](https://tweens.gd/gdscript/nodes/ui/#label) · [RichTextLabel](https://tweens.gd/gdscript/nodes/ui/#richtextlabel) · [ScrollContainer](https://tweens.gd/gdscript/nodes/ui/#scrollcontainer) · [TextureProgressBar](https://tweens.gd/gdscript/nodes/ui/#textureprogressbar)

## Control

| Helper | Property | Value |
| --- | --- | --- |
| `control_anchor_bottom` | `anchor_bottom` | float |
| `control_anchor_left` | `anchor_left` | float |
| `control_anchor_max` | `anchor_right`, `anchor_bottom` | Vector2 |
| `control_anchor_min` | `anchor_left`, `anchor_top` | Vector2 |
| `control_anchor_right` | `anchor_right` | float |
| `control_anchor_top` | `anchor_top` | float |
| `control_custom_maximum_size` | `custom_maximum_size` | Vector2 |
| `control_custom_maximum_size_x` | `custom_maximum_size:x` | float |
| `control_custom_maximum_size_y` | `custom_maximum_size:y` | float |
| `control_custom_minimum_size` | `custom_minimum_size` | Vector2 |
| `control_custom_minimum_size_x` | `custom_minimum_size:x` | float |
| `control_custom_minimum_size_y` | `custom_minimum_size:y` | float |
| `control_global_position` | `global_position` | Vector2 |
| `control_global_position_x` | `global_position:x` | float |
| `control_global_position_y` | `global_position:y` | float |
| `control_offset_bottom` | `offset_bottom` | float |
| `control_offset_left` | `offset_left` | float |
| `control_offset_right` | `offset_right` | float |
| `control_offset_top` | `offset_top` | float |
| `control_offset_transform_pivot` | `offset_transform_pivot` | Vector2 |
| `control_offset_transform_pivot_ratio` | `offset_transform_pivot_ratio` | Vector2 |
| `control_offset_transform_pivot_ratio_x` | `offset_transform_pivot_ratio:x` | float |
| `control_offset_transform_pivot_ratio_y` | `offset_transform_pivot_ratio:y` | float |
| `control_offset_transform_pivot_x` | `offset_transform_pivot:x` | float |
| `control_offset_transform_pivot_y` | `offset_transform_pivot:y` | float |
| `control_offset_transform_position` | `offset_transform_position` | Vector2 |
| `control_offset_transform_position_ratio` | `offset_transform_position_ratio` | Vector2 |
| `control_offset_transform_position_ratio_x` | `offset_transform_position_ratio:x` | float |
| `control_offset_transform_position_ratio_y` | `offset_transform_position_ratio:y` | float |
| `control_offset_transform_position_x` | `offset_transform_position:x` | float |
| `control_offset_transform_position_y` | `offset_transform_position:y` | float |
| `control_offset_transform_rotation` | `offset_transform_rotation` | float |
| `control_offset_transform_scale` | `offset_transform_scale` | Vector2 |
| `control_offset_transform_scale_x` | `offset_transform_scale:x` | float |
| `control_offset_transform_scale_y` | `offset_transform_scale:y` | float |
| `control_offsets` | `offset_left`, `offset_top`, `offset_right`, `offset_bottom` | Vector4 |
| `control_pivot_offset` | `pivot_offset` | Vector2 |
| `control_pivot_offset_ratio` | `pivot_offset_ratio` | Vector2 |
| `control_pivot_offset_ratio_x` | `pivot_offset_ratio:x` | float |
| `control_pivot_offset_ratio_y` | `pivot_offset_ratio:y` | float |
| `control_pivot_offset_x` | `pivot_offset:x` | float |
| `control_pivot_offset_y` | `pivot_offset:y` | float |
| `control_position` | `position` | Vector2 |
| `control_position_x` | `position:x` | float |
| `control_position_y` | `position:y` | float |
| `control_rotation` | `rotation` | float |
| `control_scale` | `scale` | Vector2 |
| `control_scale_x` | `scale:x` | float |
| `control_scale_y` | `scale:y` | float |
| `control_size` | `size` | Vector2 |
| `control_size_flags_stretch_ratio` | `size_flags_stretch_ratio` | float |
| `control_size_x` | `size:x` | float |
| `control_size_y` | `size:y` | float |

## Range

| Helper | Property | Value |
| --- | --- | --- |
| `range_value` | `value` | float |

## ColorRect

| Helper | Property | Value |
| --- | --- | --- |
| `color_rect_color` | `color` | Color |
| `color_rect_color_alpha` | `color:a` | float |

## Label

| Helper | Property | Value |
| --- | --- | --- |
| `label_visible_characters` | `visible_characters` | int |
| `label_visible_ratio` | `visible_ratio` | float |

## RichTextLabel

| Helper | Property | Value |
| --- | --- | --- |
| `rich_text_label_visible_characters` | `visible_characters` | int |
| `rich_text_label_visible_ratio` | `visible_ratio` | float |

## ScrollContainer

| Helper | Property | Value |
| --- | --- | --- |
| `scroll_container_scroll_horizontal` | `scroll_horizontal` | int |
| `scroll_container_scroll_vertical` | `scroll_vertical` | int |

## TextureProgressBar

| Helper | Property | Value |
| --- | --- | --- |
| `texture_progress_bar_radial_center_offset` | `radial_center_offset` | Vector2 |
| `texture_progress_bar_radial_center_offset_x` | `radial_center_offset:x` | float |
| `texture_progress_bar_radial_center_offset_y` | `radial_center_offset:y` | float |
| `texture_progress_bar_radial_fill_degrees` | `radial_fill_degrees` | float |
| `texture_progress_bar_radial_initial_angle` | `radial_initial_angle` | float |
| `texture_progress_bar_texture_progress_offset` | `texture_progress_offset` | Vector2 |
| `texture_progress_bar_texture_progress_offset_x` | `texture_progress_offset:x` | float |
| `texture_progress_bar_texture_progress_offset_y` | `texture_progress_offset:y` | float |
| `texture_progress_bar_tint_over` | `tint_over` | Color |
| `texture_progress_bar_tint_over_alpha` | `tint_over:a` | float |
| `texture_progress_bar_tint_progress` | `tint_progress` | Color |
| `texture_progress_bar_tint_progress_alpha` | `tint_progress:a` | float |
| `texture_progress_bar_tint_under` | `tint_under` | Color |
| `texture_progress_bar_tint_under_alpha` | `tint_under:a` | float |

## Units and constraints

-   `Control` minimum and maximum sizes and containers still apply.
-   The offset transform helpers require `offset_transform_enabled` on the control.
-   Set up scrollable content before tweening a scroll position.
