- XAML Tutorial
- XAML - Home
- XAML - Overview
- XAML - Environment Setup
- Writing XAML Aplication On MAC OS
- XAML Vs C# Code
- XAML Vs.VB.NET
- XAML - Building Blocks
- XAML - Controls
- XAML - Layouts
- XAML - Event Handling
- XAML - Data Binding
- XAML - Markup Extensions
- XAML - Dependency Properties
- XAML - Resources
- XAML - Templates
- XAML - Styles
- XAML - Triggers
- XAML - Debugging
- XAML - Custom Controls
- XAML Useful Resources
- XAML - Quick Guide
- XAML - Useful Resources
- XAML - Discussion
XAML - Window Level
Defining a style on a window level can be accessible by all the elements on that window. Given below is the example of a window level where all the three text blocks and the textbox have a common style.
<Window x:Class = "Styles.MainWindow" xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" Title = "MainWindow" Height = "350" Width = "604"> <Window.Resources> <Style TargetType = "TextBlock"> <Setter Property = "FontSize" Value = "24" /> <Setter Property = "Margin" Value = "5" /> <Setter Property = "FontWeight" Value = "Bold" /> </Style> <Style TargetType = "TextBox"> <Setter Property = "HorizontalAlignment" Value = "Left" /> <Setter Property = "FontSize" Value = "24" /> <Setter Property = "Margin" Value = "5" /> <Setter Property = "Width" Value = "200" /> <Setter Property = "Height" Value = "40" /> </Style> </Window.Resources> <Grid> <Grid.RowDefinitions> <RowDefinition Height = "Auto" /> <RowDefinition Height = "Auto" /> <RowDefinition Height = "Auto" /> <RowDefinition Height = "*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width = "*" /> <ColumnDefinition Width = "2*" /> </Grid.ColumnDefinitions> <TextBlock Text = "First Name: "/> <TextBox Name = "FirstName" Grid.Column = "1" /> <TextBlock Text = "Last Name: " Grid.Row = "1" /> <TextBox Name = "LastName" Grid.Column = "1" Grid.Row = "1" /> <TextBlock Text = "Email: " Grid.Row = "2" /> <TextBox Name = "Email" Grid.Column = "1" Grid.Row = "2"/> </Grid> </Window>
When the above code is compiled and executed, it will produce the following output −
xaml_styles.htm
Advertisements
To Continue Learning Please Login
Login with Google