or
1 answer
397 views
Hi all
Hoping someone here can help me.
I have a wpf form with 2 tabs.
For whatever reason the 2nd tab eontt show its layout design.
Even though in Runtime it's showing fine.
Clicking the 2nd tab will just select the tab button and go to said xaml code.
But won't show the design layout.
Person who helped me make the UI has no issue on VS2019 Pro.
But on my VS2022 pro it doesn't want to do this.
Tried going to VS2019 pro myself, but doing this would not show me anything at all.
Anybody have any idea what could cause this?
Thanks
Xaml code below code below
<telerik:RadRibbonWindow
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
xmlns:local="clr-namespace:Camera" x:Class="Camera.AdditionalSetup"
Title="AdditionalSetup"
Width="1200"
Height="700"
IsTitleVisible="True"
WindowStartupLocation="CenterScreen"
Background="Gray"
>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<telerik:RadTabControl Background="LightGray" Grid.Row="0" Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<telerik:RadTabItem x:Name="SetupRoom" Header=" Room Setup">
<Grid Background="Transparent">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<StackPanel Grid.Row="1" >
<Grid Background="Transparent">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.3*" />
<ColumnDefinition Width="0.4*"/>
<ColumnDefinition Width="0.5*" />
<ColumnDefinition Width="0.5*" />
<ColumnDefinition Width="4*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.Row="1" Grid.ColumnSpan="5" Margin="0,10,0,10" >
<TextBlock TextWrapping="Wrap" Margin="2" Text=" Use use blow input field to determine scan range"/>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" >
<telerik:Label Content="FROM : "></telerik:Label>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" >
<telerik:RadWatermarkTextBox
x:Name="fromID" Text="1" WatermarkContent="number" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="2" Margin="20 ,0,0,0" >
<telerik:RadButton x:Name="btnScan" FontWeight="Medium" Content="Scan" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,4" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="3" Margin="20 ,0,0,0" >
<telerik:RadButton x:Name="btnReloadDb" FontWeight="Medium" Content="Reload Db" VerticalAlignment="Center" HorizontalAlignment="Stretch" Margin="0,0,0,4" />
</StackPanel>
<StackPanel Grid.Row="3" Grid.Column="0" Margin="0 ,5,0,0" >
<telerik:Label Content="TO : "></telerik:Label>
</StackPanel>
<StackPanel Grid.Row="3" Grid.Column="1" Margin="0 ,5,0,0">
<telerik:RadWatermarkTextBox
x:Name="TO" Text="10" WatermarkContent="number" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.ColumnSpan="5" Margin="0 ,10,0,0">
<Separator VerticalAlignment="Stretch"/>
</StackPanel>
</Grid>
</StackPanel>
<StackPanel Grid.Row="2" >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Column="0" Grid.Row="0">
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se001" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access" Text="SET 1 ACCESS (OUT)" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="0" Grid.Column="1" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se1" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access1" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="0" Grid.Column="2" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se11" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access12" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="0" Grid.Column="3" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se21" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access13" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="0" Grid.Column="4" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se221" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access14" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="0" Grid.Column="5" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se113" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access15" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Column="0" Grid.Row="2">
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Setup PPE">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access2" Text=" " />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="2" Grid.Column="1" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se51" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access21" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="2" Grid.Column="2" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se16" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access212" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="2" Grid.Column="3" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se19" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access213" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="2" Grid.Column="4" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se81" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access214" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
<Border BorderThickness="1,1,1,1" BorderBrush="Black" Margin="5, 5 , 5 , 5" Grid.Row="2" Grid.Column="5" >
<StackPanel >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" Margin="0,10,0,0" >
<Image HorizontalAlignment="Center" Height="30" Source="/resources/Image/security-camera.png" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="0" >
<telerik:Label Content="Selected Room" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" >
<telerik:Label Content="Selected Gas S/N" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Margin="5,0,0,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="101.10.10.1">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="Unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Selected Alarm Setup" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="0" Margin="5,0,5,0" >
<telerik:RadDropDownButton AutoOpenDelay="0:0:0.0"
Content="unset">
<telerik:RadDropDownButton.DropDownContent>
<ListBox>
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
</telerik:RadDropDownButton.DropDownContent>
</telerik:RadDropDownButton>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="1" Margin="5,0,5,0">
<telerik:RadButton x:Name="se01" Content="Setup PPE" Grid.Column="1" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<telerik:Label Content="Room Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="6" Grid.ColumnSpan="2" Margin="3,5,0,5" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="4,4,4,4"
Grid.Column="1" x:Name="access215" Text="" />
</StackPanel>
</Grid>
</StackPanel>
</Border>
</Grid>
</StackPanel>
<StackPanel Grid.Row="3">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.Row="1" Grid.Column="0" Margin="0,0,10,0" >
<telerik:RadButton x:Name="btnSaveConfig" Width="100" Content="Save Config" FontWeight="Medium" Grid.Column="1" HorizontalAlignment="Right" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" Margin="10,0,0,0" >
<telerik:RadButton x:Name="btnContinue" Width="100" FontWeight="Medium" Content="Continue" Grid.Column="1" HorizontalAlignment="Left" />
</StackPanel>
</Grid>
</StackPanel>
</Grid>
</telerik:RadTabItem>
<telerik:RadTabItem x:Name="RroomSetup" Header="Additional Setup">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<StackPanel Grid.Row="1" >
<Grid>
<Grid.Resources>
<local:AlarmSampleData x:Key="DataSource"/>
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="80" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="3" >
<TextBlock TextWrapping="Wrap" Margin="2" Text=" Use This form To add and remove Serial Number for gas detection to the database"/>
</StackPanel>
<StackPanel Grid.Row="1" Grid.ColumnSpan="3" Margin="10" >
<TextBlock TextWrapping="Wrap" Grid.Row="3"
Grid.ColumnSpan="2" Text="Once your are done click the save button and assign gas detection to room of choice"/>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="3" >
<telerik:RadButton x:Name="save" Width="70" Content="Save" FontWeight="Medium" HorizontalAlignment="Right" Margin="0,10,0,0" />
<telerik:RadButton x:Name="Reload" Width="70" Content="Reload" FontWeight="Medium" HorizontalAlignment="Right" Margin="0,10,0,0" />
</StackPanel>
<StackPanel Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2" >
<telerik:RadGridView x:Name="radGridView01" ShowGroupPanel="False" ItemsSource="{Binding Source={StaticResource DataSource}, Path=Alarm}"
AutoGenerateColumns="False" Width="auto" Height="416">
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding id}" Header="Serial Number" />
</telerik:RadGridView.Columns>
</telerik:RadGridView>
</StackPanel>
<StackPanel Grid.Column="3" Grid.Row="2" ></StackPanel>
</Grid>
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="3" Margin="20,0,0,0" >
<Grid>
<Grid.Resources>
<local:AlarmSampleData x:Key="DataSource"/>
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="10" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<StackPanel Grid.ColumnSpan="2" >
<TextBlock TextWrapping="Wrap" Margin="2" Text=" Use This form To add and remove Serial Number for gas detection to the database"/>
</StackPanel>
<StackPanel Grid.Row="1" Grid.ColumnSpan="2" Margin="10" >
<TextBlock TextWrapping="Wrap" Grid.Row="3"
Grid.ColumnSpan="2" Text="Once your are done click the save button and assign gas detection to room of choice"/>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="2" >
</StackPanel>
<StackPanel Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2" >
</StackPanel>
<StackPanel Grid.Column="3" Grid.Row="2" ></StackPanel>
<StackPanel Grid.Row="4" Grid.ColumnSpan="2" >
<telerik:RadGridView x:Name="radGridView" ShowGroupPanel="False" ItemsSource="{Binding Source={StaticResource DataSource}, Path=Alarm}"
AutoGenerateColumns="False" Width="auto">
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding id}" Header="ID" />
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding outside}" Header="OutSide Alarm IP" />
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding inside}" Header="Inside Alarm IP" />
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding setup}" Header="Alarm Setup Name" />
</telerik:RadGridView.Columns>
<telerik:RadGridView.Items>
</telerik:RadGridView.Items>
</telerik:RadGridView>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="2" Grid.ColumnSpan="2" >
<telerik:RadGridView x:Name="radGridViews" Margin="30 , 0 ,0,0" ShowGroupPanel="False" ItemsSource="{Binding Source={StaticResource DataSource}, Path=Alarm}"
AutoGenerateColumns="False" Width="auto">
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding id}" Header="ID" />
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding outside}" Header="User Name" />
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding inside}" Header="Full Name" />
<telerik:GridViewDataColumn Width="*" DataMemberBinding="{Binding setup}" Header="Role" />
</telerik:RadGridView.Columns>
</telerik:RadGridView>
</StackPanel>
<StackPanel Grid.Row="5" Grid.ColumnSpan="2" >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<StackPanel Grid.Row="0" Height="20">
</StackPanel>
<StackPanel Grid.Row="1" >
<telerik:Label Content="Outside Alarm IP" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="2">
<telerik:Label Content="Inside Alarm IP" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="3,10,20,0"
Grid.Column="1" x:Name="OIP" WatermarkContent="Outside Alarm IP" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="2" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="3,10,0,0"
Grid.Column="1" x:Name="InIP" WatermarkContent="Inside Alarm IP" />
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Alarm Setup Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.ColumnSpan="2" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="3,10,0,0"
Grid.Column="1" x:Name="alarmSetup" WatermarkContent="Outside Alarm IP" />
</StackPanel>
<StackPanel Grid.Row="5" >
<telerik:RadButton x:Name="btnSave" FontWeight="Medium" Content="Save" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,30,0,8" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.Column="2" >
<telerik:RadButton x:Name="btnDelete" FontWeight="Medium" Content="Delete Alarm Setup" VerticalAlignment="Stretch" Height="Auto" HorizontalAlignment="Stretch" Margin="8,30,0,0" />
</StackPanel>
<StackPanel Grid.Row="6" >
<telerik:RadButton x:Name="btnSaveNewSetup" FontWeight="Medium" Content="Save as new Alarm Setup" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,4" />
</StackPanel>
</Grid>
</StackPanel>
<StackPanel Grid.Row="5" Grid.Column="2" Grid.ColumnSpan="2" Margin="30 , 0 ,0,0" >
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<StackPanel Grid.Row="0" Height="20">
</StackPanel>
<StackPanel Grid.Row="1" >
<telerik:Label Content="User Name" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="1" Grid.Column="2">
<telerik:Label Content="Password" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="2" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="3,10,20,0"
Grid.Column="1" x:Name="userName" WatermarkContent="User Name" />
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="2" >
<telerik:RadWatermarkTextBox Grid.Row="1" Margin="3,10,0,0"
Grid.Column="1" x:Name="Password" WatermarkContent="Password" />
</StackPanel>
<StackPanel Grid.Row="3" Grid.ColumnSpan="2" >
<telerik:Label Content="Full Name" Margin="3,10,0,0" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="3" Grid.Column="2" Margin="3,10,0,0">
<telerik:Label Content="Role" FontWeight="Bold" HorizontalAlignment="Left" />
</StackPanel>
<StackPanel Grid.Row="4" Grid.ColumnSpan="1" >
<telerik:RadWatermarkTextBox Grid.Row="1" x:Name="fullName" WatermarkContent="Full Name" Margin="3,10,20,0"/>
</StackPanel>
<StackPanel Grid.Row="4" Grid.Column="2" Grid.ColumnSpan="2" >
<telerik:RadWatermarkTextBox Grid.Row="1" x:Name="Role" WatermarkContent="Role" Margin="3,10,0,0"/>
</StackPanel>
<StackPanel Grid.Row="5" >
<telerik:RadButton x:Name="btnSave1" Margin="3,30,20,0" FontWeight="Medium" Content="Save" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="5" Grid.Column="2" >
<telerik:RadButton x:Name="btnDelete1" Margin="3,30,0,0" FontWeight="Medium" Content="Delete Alarm Setup" VerticalAlignment="Stretch" Height="Auto" HorizontalAlignment="Stretch" />
</StackPanel>
<StackPanel Grid.Row="6" >
<telerik:RadButton x:Name="btnSaveNewSetup1" FontWeight="Medium" Content="Save as new Alarm Setup" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="3,20,20,0" />
</StackPanel>
</Grid>
</StackPanel>
</Grid>
</StackPanel>
</Grid>
</telerik:RadTabItem>
<telerik:RadTabItem x:Name="SetupRooms" Header="Config">
</telerik:RadTabItem>
</telerik:RadTabControl>
</Grid>
</telerik:RadRibbonWindow>
Martin Ivanov
Telerik team
answered
on
13 Feb 2023
5 answers
667 views
I created a custom column that derives from GridViewBoundColumnBase. The column defines the dependency property SearchType.
I would like to bind this property to the field "ArticleType" while the DataMemberBinding binds to "Article".
<controlsBaseGridViewColumns:GridViewSearchColumn UniqueName="Article" Width="*" MinWidth="150" DataMemberBinding="{Binding Article, Mode=TwoWay}" SortMemberPath="Article.LookupValue" SearchType="{Binding ArticleType, Converter={StaticResource searchTypeConverter}}" Header="Artikel" />The binding produces the following runtime error:
System.Windows.Data Error: 40 : BindingExpression path error: 'ArticleType' property not found on 'object' ''OrderItem' (HashCode=19537849)'. BindingExpression:Path=ArticleType; DataItem='OrderItem' (HashCode=19537849); target element is 'GridViewSearchColumn' (HashCode=4419325); target property is 'SearchType' (type 'SearchTypes')
Can you please help me out?
Thanks for your support!
e
1 answer
311 views
Windows 10
.NET Framework 4.8
Telerik 2022.1.222.45
Hi
I encountered a problem with the RadGridView when I have three columns defined and as shown here (MainWindow.xaml):
<Window
x:Class="TestGridView.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
Title="MainWindow"
Width="800"
Height="450"
mc:Ignorable="d">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<telerik:RadGridView AutoGenerateColumns="False" ItemsSource="{Binding DummyData}">
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn
Width="Auto"
MinWidth="32"
DataMemberBinding="{Binding Column01}"
Header="Column01" />
<telerik:GridViewDataColumn
Width="Auto"
MinWidth="250"
DataMemberBinding="{Binding Column02}"
Header="Column02" />
<telerik:GridViewDataColumn
Width="*"
MinWidth="250"
DataMemberBinding="{Binding Column03}"
Header="Column03" />
</telerik:RadGridView.Columns>
</telerik:RadGridView>
<Button
Grid.Row="1"
Click="Button_Click"
Content="Refresh" />
</Grid>
</Window>Column 1 and 2 have defined Width="Auto" and the last column 3 have defined Width="*".
The problem is now when I run the application and increase the column width of column 2 and reduce window width so you can see the horizontal grid scrollbar and then press the "Refresh" button the width of the columns will change sometimes.
For having the complete example here is the code for MainWindow.xaml.cs
using System.Collections.Generic;
using System.Windows;
namespace TestGridView
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DataContext = this;
LoadData();
}
public List<DataViewModel> DummyData { get; } = new List<DataViewModel>();
private void LoadData()
{
for (var i = 0; i < 15; i++)
{
DummyData.Add(new DataViewModel() { Column01 = "Col01_" + i, Column02 = "Col02_" + i, Column03 = "Col03_" + i });
}
}
private void Button_Click(object sender, RoutedEventArgs e)
{
foreach (var vm in DummyData)
{
vm.UpdateProperties();
}
}
}
}using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace TestGridView
{
public class DataViewModel: INotifyPropertyChanged
{
public string Column01 { get; set; }
public string Column02 { get; set; }
public string Column03 { get; set; }
public void UpdateProperties()
{
OnPropertyChanged(nameof(Column01));
OnPropertyChanged(nameof(Column02));
OnPropertyChanged(nameof(Column03));
}
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
}Here is the code for MainWindow.xaml with the WPF DataGrid:
<Window
x:Class="TestGridView.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
Title="MainWindow"
Width="800"
Height="450"
mc:Ignorable="d">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<DataGrid
MaxHeight="150"
AutoGenerateColumns="False"
ItemsSource="{Binding DummyData}"
ScrollViewer.CanContentScroll="True"
ScrollViewer.HorizontalScrollBarVisibility="Auto"
ScrollViewer.VerticalScrollBarVisibility="Auto">
<DataGrid.Columns>
<DataGridTextColumn
Width="Auto"
MinWidth="32"
Binding="{Binding Column01}" />
<DataGridTextColumn
Width="Auto"
MinWidth="250"
Binding="{Binding Column02}" />
<DataGridTextColumn
Width="*"
MinWidth="250"
Binding="{Binding Column03}" />
</DataGrid.Columns>
</DataGrid>
<Button
Grid.Row="1"
Click="Button_Click"
Content="Refresh" />
</Grid>
</Window>Thanks!
Stenly
Telerik team
answered
on
13 Feb 2023
1 answer
205 views
I have a Class Aa that inherits from Appointment and in addition, I have created Classes Bb and Cc.
Class Aa contains two properties, BbProperty and CcProperty.
This logic is to be able to work with two different types of appointments.
My goal is to be able to give one custom EditDialog when Aa.BbProperty is pressed
And another custom EditDialog when Aa.CcProperty is pressed.
I can distinguish when its BbProperty and when its CcProperty as you can see in the picture,
That I created a different template for each of them.
I was able to change properties of the DialogWindow like background,
But I want a completely different template for each of the types.
I am attached my example project here,
Would appreciate help,
Thanks
Martin Ivanov
Telerik team
answered
on
13 Feb 2023
0 answers
167 views
Hi, I'm Seungbum Park.
First of all, plz understand that I am not good at English.
I have two questions.
1. I am referring to the Domo project in SDK beacause I want to show Async Data as a chart. However, I want the data on the X-Axis to behave like Stopwatch, but I have tried many times and failed. I'd like to get some advice on this.
2. I don't understand about Specific Properties named 'TickOrigin' .
The above two problems need to be solved to purchase a license from my company. I'd appreciate your help.
1 answer
202 views
Hi,
I am using a GridViewMultiColumnComboBoxColumn in my GridView defined with the following code:
<telerik:RadGridView Grid.Row="1"
AutoGenerateColumns="False"
CanUserDeleteRows="False"
CanUserInsertRows="False"
CanUserGroupColumns="False"
CanUserReorderColumns="False"
CanUserSortColumns="False"
IsFilteringAllowed="False"
ShowGroupPanel="False"
RowIndicatorVisibility="Collapsed"
GroupRenderMode="Flat"
ItemsSource="{Binding Materials}"
AutoExpandGroups="True">
<telerik:RadGridView.GroupDescriptors>
<telerik:GroupDescriptor Member="Category" />
</telerik:RadGridView.GroupDescriptors>
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn DataMemberBinding="{Binding Label}"
Header="Name"
HeaderTextAlignment="Center"
TextAlignment="Center"
IsReadOnly="True"
CellStyleSelector="{StaticResource ReadOnlyStyle}"
Width="Auto" />
<telerik:GridViewMultiColumnComboBoxColumn DataMemberBinding="{Binding RefSize}"
DisplayMemberPath="Size"
Header="Size"
HeaderTextAlignment="Center"
ItemsSource="{Binding PossibleSizes}"
TextAlignment="Right"
CellStyleSelector="{StaticResource ReadOnlyStyle}"
Width="250"
AutoGenerateColumns="False"
CloseDropDownAfterSelectionInput="True"
SelectionMode="Single"
SelectionBoxesVisibility="Hidden"
CanUserSearchInHiddenColumns="False"
DropDownHeight="350"
AutoCompleteMode="Search">
<telerik:GridViewMultiColumnComboBoxColumn.Columns>
<telerik:GridViewDataColumn DataMemberBinding="{Binding Material}" ShowFieldFilters="False" />
<telerik:GridViewDataColumn DataMemberBinding="{Binding Size}" ShowFieldFilters="False" />
</telerik:GridViewMultiColumnComboBoxColumn.Columns>
</telerik:GridViewMultiColumnComboBoxColumn>
</telerik:RadGridView.Columns>
</telerik:RadGridView>
Everything seems to be working fine except when I try to search for a value whose name starts with the '-' character (for example '-2Ni50'). Can you tell me what I should do to fix that?
Thanks in advance,
Quentin
Petar Mladenov
Telerik team
answered
on
10 Feb 2023
0 answers
196 views
Hello Telerik,
I'm using a RadCartesianChart in WPF allowing a complete customization of the chart.
<chart:RadCartesianChart x:Name="BarChart" Visibility="{Binding VisibilityBars, Mode=OneTime}" Grid.ColumnSpan="2">
<telerik:RadCartesianChart.SmartLabelsStrategy>
<telerik:ChartSmartLabelsStrategy />
</telerik:RadCartesianChart.SmartLabelsStrategy>
<!--Series-->
<telerik:RadCartesianChart.SeriesProvider>
<telerik:ChartSeriesProvider Source="{Binding Series}" >
<telerik:ChartSeriesDescriptor ItemsSourcePath="DisplayValues" TypePath="ShapeType" >
<telerik:ChartSeriesDescriptor.TypeConverter>
<conv:ShapeTypeToSeriesTypeConverter ChartType="Bar" />
</telerik:ChartSeriesDescriptor.TypeConverter>
</telerik:ChartSeriesDescriptor>
</telerik:ChartSeriesProvider>
</telerik:RadCartesianChart.SeriesProvider>
<!--Axes-->
<chart:RadCartesianChart.HorizontalAxis>
<chartView:CategoricalAxis x:Name="horizontalAxis"
Title="{Binding HorizontalAxisTitle}"
/>
</chart:RadCartesianChart.HorizontalAxis>
<chart:RadCartesianChart.VerticalAxis>
<chartView:LinearAxis x:Name="verticalAxis"
Title="{Binding VerticalAxisTitle}"
MajorStep="{Binding VerticalAxisMajorStep}"
Minimum="{Binding VerticalAxisMinimum}"
Maximum="{Binding VerticalAxisMaximum}"
HorizontalLocation="Left" />
</chart:RadCartesianChart.VerticalAxis>
<chart:RadCartesianChart.Grid>
<chartView:CartesianChartGrid MajorLinesVisibility="XY" />
</chart:RadCartesianChart.Grid>
</chart:RadCartesianChart>The chart allows the possibility to custom the series for the PointType and the PointShape. I'm using a ShapeTypeToSeriesTypeConverter class, as below:
Public Class ShapeTypeToSeriesTypeConverter
Implements IValueConverter
Public Property ChartType As String
Public Function Convert(value As Object, targetType As Type, parameter As Object, culture As CultureInfo) As Object Implements IValueConverter.Convert
If value Is Nothing OrElse TypeOf (value) IsNot ChartSerieModel.ShapeTypes Then
Return Nothing
End If
Dim ShapeType As ChartSerieModel.ShapeTypes = CType(value, ChartSerieModel.ShapeTypes)
Select Case ChartType
Case "Radar"
Select Case ShapeType
Case ChartSerieModel.ShapeTypes.None
Return GetType(RadarPointSeries)
Case ChartSerieModel.ShapeTypes.Line, ChartSerieModel.ShapeTypes.DashedLine
Return GetType(RadarLineSeries)
Case ChartSerieModel.ShapeTypes.Area
Return GetType(RadarAreaSeries)
Case Else
Return Nothing
End Select
Case "Scatter"
Select Case ShapeType
Case ChartSerieModel.ShapeTypes.None
Return GetType(ScatterPointSeries)
Case ChartSerieModel.ShapeTypes.Line, ChartSerieModel.ShapeTypes.DashedLine
Return GetType(ScatterLineSeries)
Case ChartSerieModel.ShapeTypes.Area
Return GetType(ScatterAreaSeries)
Case Else
Return Nothing
End Select
Case Else
Select Case ShapeType
Case ChartSerieModel.ShapeTypes.None
Return GetType(PointSeries)
Case ChartSerieModel.ShapeTypes.Line, ChartSerieModel.ShapeTypes.DashedLine
Return GetType(StepLineSeries)
Case ChartSerieModel.ShapeTypes.Area
Return GetType(BarSeries)
Case Else
Return Nothing
End Select
End Select
End Function
Public Function ConvertBack(value As Object, targetType As Type, parameter As Object, culture As CultureInfo) As Object Implements IValueConverter.ConvertBack
Throw New NotImplementedException()
End Function
End Class
The problem is on the Else case (BarChart) when I select None shape. I tried with PointSeries and LineSeries because this is the result I want but as you can see in the attached file "none shape.png", the full green serie is hidden.
Excepected result:
- PointSeries: only the points should be visible, no link
- LineSeries: the points should be visible and they should be linked by a direct line
Do you know how can I link the points using a direct line (and not the like the StepLineSeries)?
Attached files (here):
- shape choice.png: example of shapes choice
- line shape.png: example when the Line shape is selected, and the green serie is correctly displayed
Many thanks.
Valentin M.
0 answers
282 views
Hello,
I created a new template for the RadDateTimePicker because I overrided the Clock Part.
As part of the changes I added a Tooltip which shows the date time if not null. In the Watermark control part of the template I show the SelectedValue property that is bound to the ViewModel - TwoWayBinding. The string format of the DateTime is full date: dd/MM/yyyy with full time: HH:mm:ss. So I see the parsed Text on the control.
I can't find an easy way to show the tooltip in the same format as the display date. I can't set the Tooltio content to RelativeSource Path=SelectedValue because it shows the DateTime in orginal format.
I also can't show in the Tooltio the DisplatText because even if binding OneWay, the date is flickering in every change like binding is wrong.
In the Style of the RadDateTimePicker I have access to SelectedValue, SelectedDateTime,SelectedTime properties but it seems that you convert the Date Time to a text inside the control code because it doesn't work on the Tooltip.
Do you have any solution for that?
alex
Top achievements
Rank 2
Bronze
Iron
Iron
Rank 2
Bronze
Iron
Iron
updated question
on
08 Feb 2023
0 answers
311 views
Hi,
I have a window that has a RadPropertyGrid and UserControl that contains five buttons. I want to make the screen full while clicking on maximize button. Now as I have fixed height and width. Maximize button is not working. Can you please help me out.
<Window x:Class="WPF.Views.NoteEdit"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
xmlns:customcontrol="clr-namespace:WPF.CustomControl"
xmlns:local="clr-namespace:WPF.Views"
mc:Ignorable="d"
x:Name="vwNoteEditWindow"
Title="NoteEdit" Height="680" Width="750">
<Grid Height="564" VerticalAlignment="Top" >
<Grid HorizontalAlignment="Center">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<telerik:RadLayoutControl
Name="PropertyGridContainer"
Margin="5"
VerticalAlignment="Top"
HorizontalAlignment="Center"
BorderThickness="0"
Orientation="Vertical">
</telerik:RadLayoutControl>
</Grid>
<Grid VerticalAlignment="Bottom">
<customcontrol:RadPropertyWindowButtons x:Name="ucPropertyButtons" Height="44" VerticalAlignment="Top" HorizontalAlignment="Center" Loaded="RadPropertyWindowButtons_Loaded" CustomCancelClick="btn_Cancel_Click" CustomExitClick="btn_Exit_Click" />
</Grid>
</Grid>
</Window>
User control :
<UserControl x:Class="WPF.CustomControl.RadPropertyWindowButtons"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:NPTS_WPF.CustomControl"
xmlns:fa="http://schemas.fontawesome.io/icons/"
mc:Ignorable="d"
d:DesignHeight="45" d:DesignWidth="700">
<Grid>
<Grid Uid="radpropertybuttons" Height="39" VerticalAlignment="Bottom" Margin="74,0,-108,0">
<Button x:Name="btnNormal_Cancel" Margin="0,0,600,10" HorizontalAlignment="Right" Width="80" Height="25" VerticalAlignment="Bottom">
</Button>
<Button x:Name="btnNormal_Accept" Margin="0,0,500,10" HorizontalAlignment="Right" Width="80" Height="25" VerticalAlignment="Bottom">
</Button>
<Button x:Name="btnNormal_Imperial" Margin="0,0,370,10" HorizontalAlignment="Right" Width="110" Height="25" VerticalAlignment="Bottom">
</Button>
<Button x:Name="btnNormal_Exit" Margin="0,0,270,10" HorizontalAlignment="Right" Width="80" Height="25" VerticalAlignment="Bottom">
</Button>
<Button x:Name="btnNormal_Clone" Margin="0,0,170,10" HorizontalAlignment="Right" Width="80" Height="25" VerticalAlignment="Bottom">
</Button>
</Grid>
</Grid>
</UserControl>
Sudeshna
Top achievements
Rank 1
Rank 1
asked
on
06 Feb 2023
1 answer
159 views
The problem I'm seeing is that text does scale up or down, just sometimes it seems to jump to a large size - is this a feature of RadDiagram? I note that if I set the scale back to 100%, the text is now much bigger. I've attached pictures to demonstrate.
now zoom out:
the text is bigger, to be readable? Now go back to 100%:
the text is now huge.
