ComponentOne Blazor UI Layout and Design Controls
Crea con facilità layout eleganti e organizzati nelle applicazioni Blazor.
- Organizza schermate dense usando sezioni di contenuto Accordion comprimibili.
- Presenta UI contestuali con popover o finestre di dialogo modali Window.
- Controlla il comportamento del layout con espansione configurabile e interazioni Window.
Prezzi da:
| Disponibile in | |
|---|---|
| ComponentOne Studio Blazor Edition | Caricamento |
| ComponentOne Studio Enterprise | Caricamento |
Raggruppamento dei contenuti basato su Accordion
Organizza UI correlate in un insieme impilato di pannelli che gli utenti possono espandere e comprimere secondo necessità. Accordion supporta un comportamento di espansione interattivo per presentare informazioni dense in un layout compatto, contribuendo a ridurre lo scorrimento e a mantenere disponibili i dettagli secondari senza uscire dalla vista corrente.
Espansione di uno o più elementi
Configura se gli utenti espandono un elemento alla volta o mantengono aperti più pannelli, a seconda del pattern di interazione richiesto dalla schermata. Questa flessibilità ti aiuta a implementare layout di disclosure comuni, pagine di impostazioni e pannelli di dettaglio mantenendo prevedibile la struttura dei contenuti.
Opzioni di layout direzionale
Renderizza i layout Accordion espansi in diverse direzioni per adattarli alla struttura della pagina e allo spazio disponibile. Questo ti consente di adattare le aree di disclosure a pannelli laterali, sezioni impilate o altre disposizioni in cui vuoi che l'espansione risulti naturale insieme agli elementi UI circostanti.
Rendering responsive e animazione
Offri un'esperienza di espansione e compressione rifinita con rendering responsive e transizioni animate nel componente Accordion. Questi comportamenti aiutano gli utenti a capire cosa è cambiato nella pagina quando i contenuti vengono mostrati o nascosti, il che è particolarmente utile in moduli e dashboard ricchi di informazioni.
Overlay Window per contenuti arbitrari
Mostra piccoli overlay di contenuti arbitrari usando Window, supportando sia i popover sia le finestre di dialogo modali. Usalo per presentare editor, conferme, dettagli contestuali o flussi di lavoro ausiliari senza allontanarti dalla pagina corrente, mantenendo al tempo stesso completamente personalizzabili i contenuti dell'overlay.
Posizionamento del popover rispetto ai proprietari
Crea popover collegati a un elemento proprietario, con visibilità controllata da quell'elemento e posizionamento calcolato rispetto ad esso. Questo pattern funziona bene per l'aiuto contestuale, le azioni inline e i selettori leggeri in cui l'overlay dovrebbe sembrare ancorato a un elemento UI.
Presentazione di dialoghi modali
Crea dialoghi senza elementi proprietari che appaiono centrati e visivamente separati dal contenuto sottostante. Questo supporta interazioni focalizzate come conferme e input a più passaggi, in cui vuoi che gli utenti completino o chiudano l'overlay prima di continuare con la pagina.
Comportamento trascinabile e ridimensionabile
Configura il comportamento di Window tramite proprietà che riguardano la trascinabilità e il ridimensionamento. Consenti agli utenti di riposizionare gli overlay trascinando l'intestazione e di modificarne le dimensioni quando appropriato, supportando flussi di lavoro più flessibili per utenti esperti e schermate che contengono inserimento dati o contenuti ricchi.
Posizionamento e controllo dell'overlay
Controlla il posizionamento di Window e il comportamento dell'overlay per soddisfare i requisiti UX della tua applicazione. Scegli come appare il popup, dove viene collocato e come interagisce con il resto della pagina, abilitando pattern di overlay coerenti tra diverse schermate e tipi di interazione.
Compatibilità del prodotto
Esamina i dettagli riportati di seguito per assicurarti che questo prodotto sia supportato nell'ambiente in uso.
Tipo di componente
- .NET
.NET Version
- .NET 10 LTS
- .NET 9 STS
- .NET 8 LTS
- .NET 6 LTS
Piattaforma .NET
- .NET Blazor / WebAssembly
Informazioni su MESCIUS
MESCIUS, precedentemente nota come GrapeCity, è un marchio leader orientato agli sviluppatori, fondato in Giappone, con una storia che si estende per oltre 30 anni. È riconosciuta per la sua ampia suite di componenti software, tra cui framework di reporting, librerie per fogli di calcolo e controlli di input orientati al mercato giapponese. Prodotti popolari come ActiveReports, SPREAD, InputMan e ComponentOne supportano sia gli ecosistemi .NET sia JavaScript e sono ampiamente utilizzati in applicazioni business-critical. MESCIUS offre vantaggi distintivi come affidabilità comprovata, localizzazione giapponese completa e un forte supporto tecnico, rendendola una scelta affidabile per professionisti IT e sviluppatori software che realizzano sistemi complessi e localizzati.
In qualità di distributori ufficiali e autorizzati dal 1996, ComponentSource ti fornisce licenze legittime direttamente da MESCIUS.