Skip to main content

19 docs tagged with "elements"

View all tags

Button Element

The Button is one of the most commonly used elements in AVStudio. It can be used to trigger actions, navigate between pages, or toggle visibility of components.

Checkbox Element

The Checkbox element in AVStudio allows users to toggle a value on or off. It's useful for filtering, form controls, or triggering logic based on user interaction.

Color Picker

The Color Picker element allows users to select any RGB color dynamically. It is fully responsive and adapts to the parent container’s size.

Elements

Each container in AVstudio can hold one or more elements. These elements define the actual content or controls inside your layout—such as buttons, sliders, inputs, or embedded widgets.

How to Add an Element

Learn how to add elements to your AVstudio project using the Page Containers panel, the editor context menu, or drag-and-drop.

How to Configure Dimensions

Learn how to adjust element width and height in AVstudio using pixels, percentages, or dynamic values, plus inheritance tips.

How to Use the Player Element

Learn how to use and configure the Player element in AVStudio, including its properties, playback data, and state options.

Image

The Image element allows you to display images inside your project layout, with options for size, stretching behavior, and positioning.

Keypad

The Keypad element provides a customizable on-screen keypad that users can interact with. This element is often used for numeric entry, PIN input, or other forms of digital control. The Keypad element can be static or dynamic, with various size and mode options.

Round Slider Element

The Round Slider element in AVStudio provides a circular slider interface that can display or control values. It is useful for volume controls, progress indicators, or any scenario where a round, interactive slider is preferred.

Slider Element

The Slider element provides a linear slider for adjusting or displaying values such as volume, brightness, or progress.

Subpage

Learn how to add and configure Subpage elements in AVStudio, including layout, appearance, and action properties.

Subpage List

The Subpage List element allows you to display and manage multiple subpages within a container. It’s useful for showing repeating layouts, dynamic lists, or collections of content that share the same subpage structure.

Switch

Learn how to add and configure the Switch element in AVStudio, including sizing, design, text, and action settings.

Text

The Text element allows you to display static or dynamic text content within your project. It supports flexible data binding, making it useful for both labels and dynamic data displays.

Video

How to add and configure the Video element in AVStudio, including poster images, playback options, actions, and visibility.