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
Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Collegare applicazioni server e client con .NET Aspire
Ottimizzare le performance usando Span<T> e il metodo Split
Usare il colore CSS per migliorare lo stile della pagina
Eseguire una ricerca avanzata per recuperare le issue di GitHub
Combinare Container Queries e Media Queries
Utilizzare il nuovo modello GPT-4o con Azure OpenAI
Persistere la ChatHistory di Semantic Kernel in ASP.NET Core Web API per GPT
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Ordine e importanza per @layer in CSS
Utilizzare Azure AI Studio per testare i modelli AI