Data triggers perform an action when a specific data value changes in a specific way. In the example below, we'll look at a trigger that disables a submit button when the text is deleted from a text box on the page. We'll use the following project setup for demonstration.

<?xml version = "1.0" encoding = "UTF-8" ?>
<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:DataTriggerDemo"
             x:Class="DataTriggerDemo.App">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
                <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

.NET MAUI project example with data triggers demonstration

1.Introduction

2.XAML: MAUI UI Language

3.MAUI Fundamentals

4.MAUI Triggers

5.Working with UI and Graphics

6.MAUI Architectural Patterns

7.Using Blazor in MAUI

8.Migrating from Xamarin.Forms

9.Conclusion

10.Appendix

Data Triggers

Adding data trigger to XAML markup