The Alignment settings within the Container Options panel control how elements inside a container are arranged and aligned. This section applies to both responsive and adaptive pages and is especially useful for designing flexible layouts that adapt to various screen sizes and orientations.
Learn how to control page-level alignment and container flow, including orientation-based layouts.
Learn how to configure container options in AVstudio—friendly name, CSS class, orientation-based settings, alignment, size, border, and background.
Learn how to work with global and page containers in AVstudio and how they differ on responsive vs adaptive pages.
Learn how to create and manage Global Containers to reuse shared UI (like headers, footers, and overlays) across multiple pages.
Learn how to configure initial page settings—page name, CSS class, layout type, toolbar visibility, spacing, and parameters.
Learn how to set page backgrounds in AVstudio—colors, library images, external URLs, blur, opacity, fill, and position.
Learn how to configure page-level settings in AVstudio—identity, alignment, containers, actions, backgrounds, theme, CSS, and media.
Learn how to create, organize, and configure pages in AVstudio using responsive or adaptive layouts and signal-based navigation.
The Size section controls how much space the container uses on the page and how spacing behaves inside it. This is where you manage layout structure using either Default or Manual sizing, along with element spacing and padding.
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.
Learn how to create, organize, and reuse Subpages to support your main pages with modular, consistent UI components.