24 docs tagged with "avstudio"

The User Interface of AVgator Studio provides a user-friendly and

To create a user interface on HTML5 for a Crestron control system, you

Log in to AVstudio to begin building and managing your user interfaces. Whether you're starting a new project or continuing existing work, this guide walks you through the secure login process.

Before We Start

The Data Sources section in AVstudio allows you to connect your project to external APIs, WebSocket streams, or local mock data. These sources can be used to feed dynamic content into your pages and components. With support for data transformation, image preloading, and flexible HTTP or WebSocket configurations, data sources make it easy to integrate real-time and remote data into your AVstudio workflows.

Complete documentation for AV Studio

Before We Start

The Functions section in AVstudio allows you to define custom JavaScript logic that enhances your project’s interactivity. Functions can be used to manipulate variables, trigger navigation, fetch data, publish signals, and control audio playback. With built-in code snippets, live testing, and support for arguments, functions offer a flexible way to add dynamic behaviors across your application.

Get started with AVstudio

The Global Containers section in AVstudio lets you create persistent, reusable interface blocks that appear across multiple pages. Whether it’s a navigation bar, footer, or overlay, global containers help ensure design consistency while giving you control over placement and visibility on a per-page basis.

Introduction

Welcome to AVstudio—your gateway to designing dynamic and interactive user interfaces with professional precision. AVstudio (also known as AVgator Studio) is a powerful HTML5 GUI editor that enables developers of all levels to create, customize, and manage rich interfaces for control systems. Whether you prefer a cloud-based platform or a compiled desktop solution, AVstudio adapts to your workflow with seamless cross-platform compatibility and robust feature sets.

The Main Dashboard is the first screen you’ll see after logging into AVstudio. It gives you a snapshot of your projects, templates, and settings. This overview will walk you through each area of the interface so you can navigate and manage your work with confidence.

The Media Assets panel is where you can upload and manage images, fonts, and audio files for use in your AVstudio project.

Before We Start

The Pages section in AVstudio is where you manage the main views of your project. From selecting layout paradigms to configuring signal-based navigation, this interface helps you create, edit, and organize the pages that structure your application.

If you've lost access to your AVstudio account or can't remember your password, this guide will walk you through the password reset process.

The Project Dashboard is where you manage your individual projects in AVstudio. It gives you access to project-specific actions like previewing, building, cloning, deleting, and modifying settings — all within a single view.

The Project Settings panel is where you configure key properties of your AVstudio project — from the project name and theme to environment-specific build settings and connector integrations.

The Project Variables section in AVstudio lets you define and manage custom variables that store dynamic values. These variables can be used to control logic, respond to signals, and trigger actions across your project. With support for default values, signal feedback, and formatter functions, project variables give you flexible control over your application’s behavior.

The Subpages section in AVstudio allows you to create supporting views that complement your main pages. Subpages follow the same layout paradigms as pages and are ideal for building modular, reusable screen components within your project.

This article outlines the hardware, software, and network requirements needed to run AVstudio smoothly. Whether you're using the cloud-based SAAS platform or the compiled GUI environment, make sure your setup meets the following system specifications.

From the AVstudio main dashboard, clicking the profile icon in the upper-right corner gives you access to account-related actions like managing your profile or switching accounts. This page covers what you’ll see and do in the User Profile Dashboard.

Start your journey with AVstudio by setting up a secure and personalized account. This guide walks you through registration, verification, and initial setup so you can begin building interfaces in minutes. 🚀