or
<telerik:RadRibbonView TitleBarVisibility="Collapsed" telerik:StyleManager.Theme="Windows8" telerik:KeyTipService.IsKeyTipsEnabled="True"
MinimizeButtonVisibility="Visible">
<telerik:RadRibbonView.Backstage>
<telerik:RadRibbonBackstage>
</telerik:RadRibbonBackstage>
</telerik:RadRibbonView.Backstage>
</telerik:RadRibbonView>
<telerik:RadDataForm.ReadOnlyTemplate> <DataTemplate> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Label Grid.Row="0" Grid.Column="0" Width="40" Content="Key" IsTabStop="False" /> <Label Grid.Row="1" Grid.Column="0" Width="40" Content="Value" IsTabStop="False"/> <TextBox Grid.Row="0" Grid.Column="1" Width="170" Height="23" Foreground="Black" Text="{Binding Key}" IsTabStop="False" IsEnabled="False" TextWrapping="Wrap" IsReadOnly="True" /> <TextBox Grid.Row="1" Grid.Column="1" Width="170" Height="23" Foreground="Black" Text="{Binding Value}" IsTabStop="False" TextWrapping="Wrap" IsEnabled="False" IsReadOnly="True" /> </Grid> </DataTemplate> </telerik:RadDataForm.ReadOnlyTemplate><UserControl x:Class="TelerikTest.DeviceList" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" xmlns:tileview="clr-namespace:Telerik.Windows.Controls.TileView;assembly=Telerik.Windows.Controls.Navigation"> <UserControl.Resources> <SolidColorBrush x:Key="AccentBrush" Color="White"/> <Style x:Key="TileItemHeaderStyle" TargetType="tileview:TileViewItemHeader"> <Setter Property="Foreground" Value="#FFFFFF" /> <Setter Property="FontSize" Value="14" /> <Setter Property="FontFamily" Value="Segoe UI" /> </Style> <Style TargetType="telerik:RadTileViewItem"> <Setter Property="Padding" Value="3" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderThickness" Value="0" /> <Setter Property="HeaderStyle" Value="{StaticResource TileItemHeaderStyle}" /> </Style> <Style TargetType="telerik:RadTileView" > <Setter Property="PreservePositionWhenMaximized" Value="True" /> <Setter Property="telerik:TileViewPanel.IsVirtualized" Value="True" /> <Setter Property="IsAutoScrollingEnabled" Value="True" /> <Setter Property="TileStateChangeTrigger" Value="SingleClick" /> <Setter Property="MinimizedColumnWidth" Value="308" /> <Setter Property="MinimizedRowHeight" Value="193" /> <Setter Property="RowHeight" Value="187" /> <Setter Property="ColumnWidth" Value="277" /> <Setter Property="ColumnsCount" Value="4" /> </Style> <DataTemplate x:Key="contentTemplate"> <telerik:RadFluidContentControl ContentChangeMode="Manual" State="Normal" TransitionDuration="0:0:.5"> <telerik:RadFluidContentControl.Content> <Border Background="Black"> <Grid Margin="20 10"> <StackPanel> <TextBlock Margin="0 0 0 5" FontFamily="Segoe UI" FontSize="24" FontWeight="Light" Foreground="#fff" Text="Duration" /> <TextBlock FontSize="14" Text="{Binding Duration}" /> <Border Height="2" Margin="0 5" /> <TextBlock Margin="0 0 0 5" FontFamily="Segoe UI" FontSize="24" FontWeight="Light" Foreground="#fff" Text="Price" /> <TextBlock FontSize="14" Text="{Binding Price}" /> </StackPanel> <!--<Image HorizontalAlignment="Right" VerticalAlignment="Bottom" Source="{Binding Icon}" Stretch="None" />--> </Grid> </Border> </telerik:RadFluidContentControl.Content> <telerik:RadFluidContentControl.LargeContent> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <telerik:RadRadialGauge x:Name="radialGauge" Height="100" Width="100"> <telerik:RadialScale Name="scale" LabelRotationMode="None" IsInteractive="True" MajorTickOffset="-0.015*" MiddleTickOffset="-0.015*" MinorTickOffset="-0.015*"> <telerik:RadialScale.Ranges> <telerik:GaugeRange x:Name="range1" Min="0" Max="20" StartWidth="0.015" EndWidth="0.015" Background="#FF1E8D00" /> <telerik:GaugeRange x:Name="range2" Min="20" Max="80" StartWidth="0.015" EndWidth="0.015" Background="#FF000000" /> <telerik:GaugeRange x:Name="range3" Min="80" Max="100" StartWidth="0.015" EndWidth="0.015" Background="#FFE50000" /> </telerik:RadialScale.Ranges> <telerik:RadialScale.Indicators> <telerik:BarIndicator x:Name="radialBar" Value="80" telerik:ScaleObject.Location="Inside" telerik:ScaleObject.Offset="0.25*" /> <telerik:RadialScaleMarker Name="marker" IsAnimated="True" Duration="0:0:1" telerik:ScaleObject.Offset="-0.015*" Value="25" /> <telerik:Needle Value="50" /> <telerik:Pinpoint /> </telerik:RadialScale.Indicators> </telerik:RadialScale> </telerik:RadRadialGauge> </Grid> </telerik:RadFluidContentControl.LargeContent> </telerik:RadFluidContentControl> </DataTemplate> <DataTemplate x:Key="headerTemplate"> <StackPanel Orientation="Horizontal"> <TextBlock Text="{Binding Destination}" /> <TextBlock Text=" Trip" /> </StackPanel> </DataTemplate> </UserControl.Resources> <Grid> <Grid.RowDefinitions> <RowDefinition/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition/> </Grid.ColumnDefinitions> <telerik:RadTileView Grid.Column="0" ContentTemplate="{StaticResource contentTemplate}" IsItemDraggingEnabled="{Binding ElementName=IsItemDraggingEnabledOption, Path=IsChecked}" ItemsSource="{Binding Items}" ItemTemplate="{StaticResource headerTemplate}" MaximizeMode="{Binding ElementName=MaximizeModeOption, Path=SelectedItem}" PreservePositionWhenMaximized="{Binding ElementName=PreservePositionWhenMaximizedOption, Path=IsChecked}" TileStateChanged="tileView1_TileStateChanged" TileStateChangeTrigger="{Binding ElementName=StateChangeOption, Path=SelectedItem}" /> </Grid></UserControl>