ComponentOne Blazor UI Layout and Design Controls
Build elegant, organized layouts in Blazor applications with ease.
- Organize dense screens using collapsible Accordion content sections.
- Present contextual UI with Window popovers or modal dialogs.
- Control layout behavior with configurable expansion and window interactions.
Prices from:
| Available in | |
|---|---|
| ComponentOne Studio Blazor Edition | Loading |
| ComponentOne Studio Enterprise | Loading |
Accordion-Based Content Grouping
Organize related UI into a stacked set of panes that users can expand and collapse as needed. Accordion supports interactive expansion behavior for presenting dense information in a compact layout, helping reduce scrolling and keep secondary details available without leaving the current view.
Single Or Multiple Item Expansion
Configure whether users expand one item at a time or keep multiple panes open, depending on the interaction pattern your screen needs. This flexibility helps you implement common disclosure layouts, settings pages, and detail panels while keeping content structure predictable.
Directional Layout Options
Render expanded Accordion layouts in different directions to match your page structure and available space. This lets you adapt disclosure areas to side panels, stacked sections, or other arrangements where you want expansion to feel natural alongside surrounding UI elements.
Responsive Rendering And Animation
Deliver a polished expand and collapse experience with responsive rendering and animated transitions in the Accordion component. These behaviors help users track what changed on the page when content is revealed or hidden, which is especially useful in information-heavy forms and dashboards.
Window Overlays For Arbitrary Content
Display small overlays of arbitrary content using Window, supporting both popovers and modal dialogs. Use it to present editors, confirmations, contextual details, or auxiliary workflows without navigating away from the current page, while keeping the overlay content fully customizable.
Popover Placement Relative To Owners
Create popovers that are tied to an owner element, with visibility controlled by that owner and placement computed relative to it. This pattern works well for contextual help, inline actions, and lightweight pickers where the overlay should feel anchored to a UI element.
Modal Dialog Presentation
Create dialogs without owner elements that appear centered and visually separated from the underlying content. This supports focused interactions such as confirmations and multi-step input, where you want users to complete or dismiss the overlay before continuing with the page.
Draggable And Resizable Behavior
Configure Window behavior through properties that cover draggability and resizability. Let users reposition overlays by dragging the header and adjust size when appropriate, supporting more flexible workflows for power users and screens that contain data entry or rich content.
Positioning And Overlay Control
Control Window positioning and overlay behavior to match your application UX requirements. Choose how the popup appears, where it is placed, and how it interacts with the rest of the page, enabling consistent overlay patterns across different screens and interaction types.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- .NET
.NET Version
- .NET 10 LTS
- .NET 9 STS
- .NET 8 LTS
- .NET 6 LTS
.NET Platform
- .NET Blazor / WebAssembly
About MESCIUS
MESCIUS, formerly known as GrapeCity, is a leading developer-focused brand established in Japan, with a history spanning over 30 years. It is recognized for its extensive suite of software components, including reporting frameworks, spreadsheet libraries, and Japanese market-oriented input controls. Popular products such as ActiveReports, SPREAD, InputMan, and ComponentOne support both .NET and JavaScript ecosystems and are widely used in business-critical applications. MESCIUS offers distinctive advantages such as proven reliability, comprehensive Japanese localization, and strong technical support, making it a trusted choice for IT professionals and software developers building complex and localized systems.
As official and authorized distributors since 1996, ComponentSource supplies you with legitimate licenses directly from MESCIUS.