Category / Section
How to enable or disable clickheader to maximize state in Tileview control?
1 min read
The TileViewItem moves to maximized state from Normal or minimized state when click on the header of the TileViewItem. It can be enable or disable by the ClickHeaderToMaximized property in the TileViewControl.
The same has been explained in the following code snippet:
XAML:
//Code explains how to enable click header to maximize the state in Tileview control <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:syncfusion="http://schemas.syncfusion.com/wpf" x:Class="TimeSpanEdit.MainWindow" Title="MainWindow" Height="350" Width="525"> <Grid> <syncfusion:TileViewControl x:Name="TileView" Height="600" Width="800" ClickHeaderToMaximize ="True" > <syncfusion:TileViewItem x:Name="Tile1" Header="TileViewItem 1" > </syncfusion:TileViewItem> <syncfusion:TileViewItem x:Name="Tile2" Header="TileViewItem 2" /> <syncfusion:TileViewItem x:Name="Tile3" Header="TileViewItem 3" /> <syncfusion:TileViewItem x:Name="Tile4" Header="TileViewItem 4" /> </syncfusion:TileViewControl> </Grid> </Window>
C#:
//Code explains how to enable click header to maximize the state in Tileview control namespace TileView { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); TileView.ClickHeaderToMaximize = true; } } }
Output:
NormalState:
ClickHeaderToMaximized State: