Nello script #42 abbiamo introdotto il controllo Flyout, che ci rende molto semplice la creazione di finestre modali in corrispondenza di Button o altri elementi.
Il contenuto di un Flyout è gestibile autonomamente come ogni ContentControl, tuttavia il Flyout stesso ha propri elementi grafici che ne definiscono un aspetto, esterni al content, sui quali potremmo avere la necessità di intervenire per conformarli al resto dell'appplicazione.

Tuttavia Flyout non espone direttamente proprietà per i colori di Background, bordo e Foreground; per intervenire su di essi è necessario creare uno Style per valorizzare la proprietà FlyoutPresenterStyle e andare in esso a settare tali valori.
<Style x:Key="FlyoutPresenterStyle1" TargetType="FlyoutPresenter"> <Setter Property="Background" Value="#FF005DFF" /> <Setter Property="BorderBrush" Value="#FF46FF00" /> <Setter Property="Foreground" Value="#FFFAFAFA" /> </Style> <Button Content="Button"> <Button.Flyout> <Flyout FlyoutPresenterStyle="{StaticResource FlyoutPresenterStyle1}"> <StackPanel> <TextBlock>Lorem ipsum dolor sit amet, consectetur adipiscing ...</TextBlock> <Button>Yes</Button> </StackPanel> </Flyout> </Button.Flyout> </Button>

Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Il nuovo controllo Range di Blazor 9
Gestire la cancellazione di una richiesta in streaming da Blazor
Supportare la sessione affinity di Azure App Service con Application Gateway
Gestione file Javascript in Blazor con .NET 9
Utilizzare Copilot con Azure Cosmos DB
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
Introduzione ai web component HTML
Configurare e gestire sidecar container in Azure App Service
Simulare Azure Cosmos DB in locale con Docker
Gestire i dati con Azure Cosmos DB Data Explorer