or
5 answers
1.0K+ views
Hello,
I am using the RadGridView version 2012.2.607.40 for WPF and am having a heck of a time trying to determine how to write a custom aggregrate function to sum a column of System.TimeSpan values. My XAML definition of my grid view looks like this:
Please note that ScanSession.Duration is of type System.TimeSpan.
I first tried the naive approach of just using the <telerik:SumFunction/> as shown above and got an InvalidOperationException with the error:
No generic method 'Sum' on type 'System.Linq.Enumerable' is compatible with the supplied type arguments and arguments. No type arguments should be provided if the method is non-generic.
So I assumed I needed to write a custom aggregrate function and looked at the standard deviation example Telerik has and came up with substituting <local:TimeSpanSumFunction SourceField="ScanSession.Duration"/> for <telerik:SumFunction/> and added the following:
I then got an InvalidOperationException with the error:
No generic method 'TimeSpanSum' on type 'Exponent.Analyzer.Performance.Aggregates' is compatible with the supplied type arguments and arguments. No type arguments should be provided if the method is non-generic.
Finally, I wondered if I could just extend EnumerableAggregateFunction so I changed the XAML to use simply <local:TimeSpanSumFunction/> and came up with:
and I still get an InvalidOperationException with the message:
No generic method 'TimeSpanSum' on type 'Exponent.Analyzer.Performance.Aggregates' is compatible with the supplied type arguments and arguments. No type arguments should be provided if the method is non-generic.
Obviously, I do not know how to write a custom aggregate function and I am finding what little documentation there is very unhelpful. I have more custom aggregate functions I need to write using other non-simple types.
Could somebody please give me some advise on how to write these custom aggregate functions?
And one other thing, can you also suggest how I can invoke my TimeSpanConverter (as seen in the XAML for the "Elapsed TIme" grid column") when displaying the results of the aggregte function?
Thank you,
-- john
I am using the RadGridView version 2012.2.607.40 for WPF and am having a heck of a time trying to determine how to write a custom aggregrate function to sum a column of System.TimeSpan values. My XAML definition of my grid view looks like this:
<telerik:RadGridView x:Name="scanSessionList" Grid.Row="0" Grid.Column="0" ItemsSource="{Binding ElementName=_this, Path=ScanSessions}" Margin="0,0,0,6" ShowGroupPanel="False" ShowGroupFooters="True"> <telerik:RadGridView.GroupDescriptors> <telerik:GroupDescriptor Member="ScanSession.VehicleId" SortDirection="Ascending"> <telerik:GroupDescriptor.AggregateFunctions> <telerik:CountFunction Caption="Missions: "/> </telerik:GroupDescriptor.AggregateFunctions> </telerik:GroupDescriptor> </telerik:RadGridView.GroupDescriptors> <telerik:RadGridView.Columns> <telerik:GridViewDataColumn Header="Description" DataMemberBinding="{Binding Path=ScanSession.Tag}"/> <telerik:GridViewDataColumn Header="Start Time" DataMemberBinding="{Binding Path=ScanSession.StartTimestamp, StringFormat=d MMM yyyy HH:mm}"/> <telerik:GridViewDataColumn Header="Elapsed Time" DataMemberBinding="{Binding Path=ScanSession.Duration, Converter={StaticResource TimeSpanConverter}}"> <telerik:GridViewDataColumn.AggregateFunctions> <telerik:SumFunction/> </telerik:GridViewDataColumn.AggregateFunctions> </telerik:GridViewDataColumn> <telerik:GridViewDataColumn Header="Distance" DataMemberBinding="{Binding Path=ScanSession.DistanceTravelled, Converter={StaticResource DistanceConverter}}"/> <telerik:GridViewDataColumn Header="Avg Speed" DataMemberBinding="{Binding Path=ScanSession.AverageSpeed, Converter={StaticResource SpeedConverter}}"/> <telerik:GridViewDataColumn Header="Max Speed" DataMemberBinding="{Binding Path=ScanSession.MaximumSpeed, Converter={StaticResource SpeedConverter}}"/> </telerik:RadGridView.Columns></telerik:RadGridView>Please note that ScanSession.Duration is of type System.TimeSpan.
I first tried the naive approach of just using the <telerik:SumFunction/> as shown above and got an InvalidOperationException with the error:
No generic method 'Sum' on type 'System.Linq.Enumerable' is compatible with the supplied type arguments and arguments. No type arguments should be provided if the method is non-generic.
So I assumed I needed to write a custom aggregrate function and looked at the standard deviation example Telerik has and came up with substituting <local:TimeSpanSumFunction SourceField="ScanSession.Duration"/> for <telerik:SumFunction/> and added the following:
using System;using System.Collections.Generic;using System.Linq;using System.Text;using Telerik.Windows.Data;namespace Exponent.Analyzer.Performance{ public class TimeSpanSumFunction : EnumerableSelectorAggregateFunction { protected override string AggregateMethodName { get { return "TimeSpanSum"; } } protected override Type ExtensionMethodsType { get { return typeof(Aggregates); } } } public static class Aggregates { public static TimeSpan TimeSpanSum<TSource>(IEnumerable<TSource> source, Func<TSource, TimeSpan> selector) { TimeSpan sum = TimeSpan.FromSeconds(0); foreach (TimeSpan ts in source.Select(s => selector(s))) { sum = sum.Add(ts); } return sum; } }}I then got an InvalidOperationException with the error:
No generic method 'TimeSpanSum' on type 'Exponent.Analyzer.Performance.Aggregates' is compatible with the supplied type arguments and arguments. No type arguments should be provided if the method is non-generic.
Finally, I wondered if I could just extend EnumerableAggregateFunction so I changed the XAML to use simply <local:TimeSpanSumFunction/> and came up with:
using System;using System.Collections.Generic;using System.Linq;using System.Text;using Telerik.Windows.Data;namespace Exponent.Analyzer.Performance{ public class TimeSpanSumFunction : EnumerableAggregateFunction { protected override string AggregateMethodName { get { return "TimeSpanSum"; } } protected override Type ExtensionMethodsType { get { return typeof(Aggregates); } } } public static class Aggregates { public static TimeSpan TimeSpanSum<TSource>(IEnumerable<TimeSpan> source) { TimeSpan sum = TimeSpan.FromSeconds(0); foreach (TimeSpan ts in source) { sum = sum.Add(ts); } return sum; } }}and I still get an InvalidOperationException with the message:
No generic method 'TimeSpanSum' on type 'Exponent.Analyzer.Performance.Aggregates' is compatible with the supplied type arguments and arguments. No type arguments should be provided if the method is non-generic.
Obviously, I do not know how to write a custom aggregate function and I am finding what little documentation there is very unhelpful. I have more custom aggregate functions I need to write using other non-simple types.
Could somebody please give me some advise on how to write these custom aggregate functions?
And one other thing, can you also suggest how I can invoke my TimeSpanConverter (as seen in the XAML for the "Elapsed TIme" grid column") when displaying the results of the aggregte function?
Thank you,
-- john
4 answers
114 views
Hi all,
I have a question regarding calculated fields and the TotalFormat option DifferenceFromPrevious: I am using dates to compare previous values and obviously the first date compare values will be empty as there is no date to compare to (see the uploaded image). I would like to be able to remove empty columns. How would I accomplish that? Also, is there an option to exclude the total columns?
Regards,
Chris
Vladimir Stoyanov
Telerik team
answered
on
15 Feb 2023
2 answers
156 views
Hi all,
I´ve attached a screenshot of a behaviour within the PivotGrid I do not understand. When adding a calculated field making use of the TotalFormat "PercentDifferenceFromPrevious", the underlying column used for the calculation is formatted as percentage value? How can I overcome this issue? Changing the NumberFormat within the PropertyAggregateDescription for "Sum of Sensitivity" does not have an effect.
EDIT: Placing the calculated field "%-Diff. Sensitivity" before the "Sum of
Sensitivity" field using Drag&Drop on the values field of the
PivotFieldList eliminates this bug. I can also set the number format of
"Sum of Sensitivity" then as I wish to.
Could you suggest a walkaround for me?
Regards,
Chris
Vladimir Stoyanov
Telerik team
answered
on
14 Feb 2023
0 answers
176 views
I'm attempting to add a spreadsheet to my app and so am simply running code from the demos to get it to display. If I run the code as shown below, it runs out of memory. If I comment out the RadSpreadsheetRibbon line, the spreadsheet displays just fine.
In my code-behind, I have the following line is limiting the spreadsheet to 50 x 100.
<Grid x:Name="spreadsheetLayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<telerik:RadSpreadsheetRibbon x:Name="ribbon" BackstageClippingElement="{Binding ElementName=spreadsheetLayoutRoot, Mode=OneTime}" RadSpreadsheet="{Binding ElementName=radSpreadsheet, Mode=OneTime}"/>
<Controls:RadSpreadsheetFormulaBar Grid.Row="1" RadSpreadsheet="{Binding ElementName=radSpreadsheet, Mode=OneTime}"/>
<telerik:RadSpreadsheet x:Name="radSpreadsheet" DataContext="{Binding CommandDescriptors, ElementName=radSpreadsheet}" Grid.Row="2">
<telerik:RadSpreadsheet.FormatProviders>
<Xls:XlsFormatProvider/>
<Xlsx:XlsxFormatProvider/>
</telerik:RadSpreadsheet.FormatProviders>
</telerik:RadSpreadsheet>
<Controls:RadSpreadsheetStatusBar Grid.Row="3" RadSpreadsheet="{Binding ElementName=radSpreadsheet, Mode=OneTime}"/>
</Grid>
</UserControl>
Any suggestions?
Lloyd Johnson
Top achievements
Rank 1
Rank 1
asked
on
13 Feb 2023
1 answer
290 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
566 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
226 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
107 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
117 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
155 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
