or
0 answers
22 views
Hello dear Telerik Forum.
I have a memory leak problem, where opening views add up in memory, because they are still somehow referenced and thus not GCed.
I've implemented Prism and Telerik both in my application. I've also implemented the ScopedRegionNavigationContentLoader, the RegionManagerAwareBehavior (and everything else required to open views in new tabs) from Brian (Prism) and the RadTabbedWindow in my MainWindow. So when I execute RequestNavigate from the MainWindow I open new Tabs.
Following happens:
When I execute RequestNavigate commands from the MainWindow I successfully open a new tab which then builds the view, existing of multiple subviews. This works correct so far.
Now when I close the RadTabItems the Views still stay in the memory. It seems there are still references in the RegionManager about the once spawned Regions/Views. Those add up when using the application over hours.
So my question is:
How do I unload the Region/View in the RegionManager of the MainWindow when I close the tabs?
I'm looking for a clean and global solution, where I dont have to implement code in every class.
Extra information:
- There is one RegionManager in the MainWindow, which manages all Tabs and so.
- Each Subview gets its own new RegionManager instance.
Anastasios
Top achievements
Rank 1
Rank 1
updated question
on
26 Oct 2023
1 answer
43 views
How can I, for example, when clicking on a specific button, make its event open or display me a window or page in a new tab item dynamically, and all I have to do is select the page or window to display and it moves me to it and opens it inside a new tab item just like the Google Chrome browser
Stenly
Telerik team
answered
on
03 May 2023
1 answer
128 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
1 answer
47 views
How do you programmatically close a tab in TabbedWindow?
Stenly
Telerik team
answered
on
05 Dec 2022
1 answer
82 views
I would like to create a custom "control" that is a subclass of "RadTabItem" and use it as the default tab class.
I know I can tie into the AddingNewTab event and effect the Item property of the event args, but that would be a UI Element in the ViewModel (VM) of a MVVM and I would like to keep the UI element strictly in the UI code (not in the VM).
Is there some way to specify (perhaps via .Resources) the class for a new tab created by clicking the "+" in the RadTabbedWindow.
e.g. something like the a "DefaultTab" element.
<DefaultTab Type="{x:Type MyTabClass}"/>
of the below
<telerik:RadTabbedWindow x:Class="PickCart.Client.Zza.Desktop.Tabs.TabbedView"
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:client="clr-namespace:PickCart.Client"
xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
Width="1024"
Height="800">
<b:Interaction.Triggers>
<b:EventTrigger EventName="AddingNewTab">
<b:CallMethodAction TargetObject="{Binding}" MethodName="OnAddingNewTab"/>
</b:EventTrigger>
</b:Interaction.Triggers>
<telerik:RadTabbedWindow.DataContext>
<client:TabbedViewModel/>
</telerik:RadTabbedWindow.DataContext>
<telerik:RadTabbedWindow.Resources>
<DefaultTab Type="{x:Type MyTabClass}"/>
</telerik:RadTabbedWindow.Resources>
<telerik:RadTabItem Header="Main" CloseButtonVisibility="Hidden">
<TextBlock Text="This is the main tab" />
</telerik:RadTabItem>
</telerik:RadTabbedWindow>
Dilyan Traykov
Telerik team
answered
on
24 Nov 2022
1 answer
86 views
In our app.xaml.cs we have been using this.MainWindow = new MyMainWindow().
We are trying to switch to a RadTabbedWindow, but RadTabbedWindow is not a Window, it is a UserControl. What would be a way to use this and keep the this.MainWIndow?
Dilyan Traykov
Telerik team
answered
on
24 Nov 2022
1 answer
127 views
Hi, I have the following code and I want to have an animation to enable and disable any "radpane "in the related "radpanegroup".
For example, when I put a "radpane" in pin mode, its width increases by 3 seconds, or another example is that the border color changes.
My solution is to use:
<telerik:RadDocking>
...
...
...
<telerik:RadDocking.FlyoutBehavior>
<local:AnimatedFlyoutBehavior/>
</telerik:RadDocking.FlyoutBehavior>
</telerik:RadDocking>
I used the IFlyoutBehavior interface and as a result the following functions were implemented:
void IFlyoutBehavior.OnMouseEnter (IFlyoutHost host, RadPane targetPane)
{
}
void IFlyoutBehavior.OnPaneActivated (IFlyoutHost host, RadPane targetPane)
{
}
void IFlyoutBehavior.OnMouseLeave (IFlyoutHost host)
{
}
void IFlyoutBehavior.OnOpeningTimerTimeout (IFlyoutHost host)
{
}
void IFlyoutBehavior.OnClosingTimerTimeout (IFlyoutHost host)
{
}
void IFlyoutBehavior.OnPaneDeactivated (IFlyoutHost host, RadPane targetPane)
{
var selectedPane = host.SelectedPane;
if (selectedPane! = null &&! selectedPane.IsActive && host.CurrentState == FlyoutState.Opened)
{
host.StartCloseAnimation ();
}
}
void IFlyoutBehavior.OnPaneMouseLeftButtonDown (IFlyoutHost host, RadPane targetPane)
{
if (host.CurrentState! = FlyoutState.Opened)
{
host.StartOpenAnimation ();
}
else
{
host.StartCloseAnimation ();
}
}
}
I could not use enough of this interface. Is there a better way to customize animation in radpane or to develop it that way?
Dilyan Traykov
Telerik team
answered
on
15 Dec 2021
0 answers
72 views
Hi,
I use RadTabbedWindow and some items should be hidden in some cases. But if I set visibility Collapsed for such items empty space in tabs panel is exists anyway (See attached pic). How I can avoid it?
Is it possible not to set ItemWidth and ItemMinWidth or set auto width for them to get something like in usual tabcontrol where items width changes with its content?
Best regards,
Julia
Julia
Top achievements
Rank 1
Rank 1
asked
on
15 Jul 2021
1 answer
90 views
Hi Guys!
Title says it all, how to I change background color of the title bar. (see image)?
(if the answer involves this article https://docs.telerik.com/devtools/wpf/styling-and-appearance/styling-apperance-editing-control-templates,
please be specific to what file Im should change in, Im new to Telerik)
Thanks in advance, Robert
Vicky
Telerik team
answered
on
23 Nov 2020
2 answers
202 views
Hi
We have a RadTabbedWindow with tabs as itemsource. Is it possible to have a status bar at the bottom?
And whenI put in the statusbar-markup I get the error message "System.InvalidOperationException: 'Operation is not valid while ItemsSource is in use. Access and modify elements with ItemsControl.ItemsSource instead.'"
Just for laughs I have tried to add status bar to the user controls for the tabs as well, but it cant go there
<telerik:RadTabbedWindow
...
ItemsSource="{Binding WindowTabs}"
SelectedItem="{Binding SelectedWindowTab, Mode=TwoWay}">
<telerik:RadTabbedWindow.Resources>
...
</telerik:RadTabbedWindow.Resources>
<telerik:RadTabbedWindow.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding TabHeader}" Foreground="Black"/>
</DataTemplate>
</telerik:RadTabbedWindow.ItemTemplate>
<StatusBar Name="sbar" VerticalAlignment="Bottom" >
<StatusBarItem>
<TextBlock>Im a status bar!</TextBlock>
</StatusBarItem>
</StatusBar>
</telerik:RadTabbedWindow>
Robert
Top achievements
Rank 1
Veteran
Rank 1
Veteran
answered
on
28 Jul 2020
