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
Definire stili a livello di libreria in Angular
Cambiare la chiave di partizionamento di Azure Cosmos DB
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Implementare l'infinite scroll con QuickGrid in Blazor Server
Utilizzare un service principal per accedere a Azure Container Registry
Le novità di Angular: i miglioramenti alla CLI
Copiare automaticamente le secret tra più repository di GitHub
Sostituire la GitHub Action di login su private registry
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Sfruttare al massimo i topic space di Event Grid MQTT
Eseguire query manipolando liste di tipi semplici con Entity Framework Core