Telerik Forums
UI for WPF Forum
1 answer
240 views

Dear Team,

I have a WPF app (vb.net) where i use radgridview. Virtualization is on because we have more hundreds of rows, and in the CELLLOADED event i color the cell backgrounds based on cell content.

The result is something like this: (attached: mapps.jpg)

The customer wants me to create excel output, including the colors. I browsed a lot of forums and i found multiple approaches but the result is always the same. The background is colored, but all column inherits the color of the first row. (attached: excel.jpg)

 

    Sub ExcelExport_Colored(rgv As RadGridView)

        Dim workbook As Workbook = rgv.ExportToWorkbook(New GridViewDocumentExportOptions() With {
                        .ExportDefaultStyles = True,
                        .AutoFitColumnsWidth = True,
                        .ShowColumnHeaders = True})
        Dim dialog As SaveFileDialog = New SaveFileDialog()
        dialog.DefaultExt = "xlsx"
        dialog.Filter = String.Format("{1} files (*.{0})|*.{0}|All files (*.*)|*.*", "xlsx", "Excel")
        dialog.FilterIndex = 1

        If dialog.ShowDialog() = True Then
            Dim provider = New XlsxFormatProvider()

            Using output = dialog.OpenFile()
                provider.Export(workbook, output)
            End Using
        End If

        Dim excelPath2 As String = Registry.GetValue("HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\App Paths\excel.exe",
"Path", "Key does not exist")
        Microsoft.VisualBasic.Interaction.Shell(excelPath2 & "EXCEL.EXE /e/min """ & dialog.FileName & """", AppWinStyle.NormalFocus)

    End Sub

 

I tried other export options as well, like radgridview.export, radgridview.exporttoxlsx.. all give the same result or worse.
Can you give any advice how to achieve it? I don't insist to the icons, if i could export the data with bgcolors i would be happy already.

Thank you !!

Peter

Martin Ivanov
Telerik team
 answered on 20 Feb 2023
1 answer
304 views
Hello,

With reference to the below link,
https://www.telerik.com/forums/add-header-to-each-pages-when-export-telerik-radgridview-to-a-workbook-exporttoworkbook-in-wpf

I need to set font size for the workbook (overwrite default settings) and also apply word wrap for the columns. I have implemented with the above reference. Can you please guide me to achieve this? or if any idea or lead much appreciated. Please let me know if you need more information.

Thanks in advance.
Dimitar
Telerik team
 answered on 20 Feb 2023
1 answer
121 views

Hi , 

In one of my wpf window I have two grids. In one grid I only have product name that lists all the products available and another grid i have product details( id, name, price etc.) and there is a add and remove button. If I select one product name add click add then it should add the details to the product details grid and also should be able to remove it. How can I implement it. Do you have any sample code?

Stenly
Telerik team
 answered on 20 Feb 2023
1 answer
439 views

Hello,

I am trying to get the GridViewDataColumn after mouse click.

I can notice that radGridView.CurrentCell.Column is updated on left click. So if I perform left click and then right click, the context menu is open and I have reference to the correct column. 

But if Ido right click in different cells, the current cell is not updated al I have refence to the old column.

How can I get the GridViewColumn from Cursor position.

I have only the grid, I haven't any mouse arguments.

Stenly
Telerik team
 answered on 16 Feb 2023
0 answers
102 views

Hi there!


I would like to customize the header of GanttChart timeline, like 

if it is WeekView,  "2023/2" in 1st line and "1" , "8" (← it will be the first day of week) in 2nd line  or

if it is MonthlyView, "2023/Q1" in 1st line and "2", "3" (← it will be the month number like "2" means Feburay) in 2nd line.

let me know how should I customize to that.

I think that I should use "Views.MonthView.MonthHeaderTemplate" function, but I have no idea how I used it.

I found this API from this following link, but I can't get detail info because it had died.

ASP.NET MVC Gantt - API Reference - Telerik UI for ASP.NET MVC

Could you please share me if there is any link in which explaination for gantt API info, how to use or which parameter should be passed.

Jur
Top achievements
Rank 1
 asked on 16 Feb 2023
5 answers
1.1K+ 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:

<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
Tomáš
Top achievements
Rank 1
Iron
Iron
 answered on 15 Feb 2023
4 answers
122 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
167 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
189 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
 asked on 13 Feb 2023
1 answer
306 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
Narrow your results
Selected tags
Tags
GridView
General Discussions
Chart
RichTextBox
Docking
ScheduleView
ChartView
TreeView
Diagram
Map
ComboBox
TreeListView
Window
RibbonView and RibbonWindow
PropertyGrid
DragAndDrop
TabControl
TileView
Carousel
DataForm
PDFViewer
MaskedInput (Numeric, DateTime, Text, Currency)
AutoCompleteBox
DatePicker
Buttons
ListBox
GanttView
PivotGrid
Spreadsheet
Gauges
NumericUpDown
PanelBar
DateTimePicker
DataFilter
Menu
ContextMenu
TimeLine
Calendar
Installer and Visual Studio Extensions
ImageEditor
BusyIndicator
Expander
Slider
TileList
PersistenceFramework
DataPager
Styling
TimeBar
OutlookBar
TransitionControl
FileDialogs
Book
ToolBar
ColorPicker
TimePicker
MultiColumnComboBox
SyntaxEditor
VirtualGrid
Wizard
ExpressionEditor
NavigationView (Hamburger Menu)
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
ProgressBar
Sparkline
LayoutControl
TabbedWindow
ToolTip
CloudUpload
ColorEditor
TreeMap and PivotMap
EntityFrameworkCoreDataSource (.Net Core)
HeatMap
Chat (Conversational UI)
VirtualizingWrapPanel
Calculator
NotifyIcon
TaskBoard
TimeSpanPicker
BulletGraph
Licensing
WebCam
CardView
DataBar
FilePathPicker
PasswordBox
Rating
SplashScreen
Accessibility
Callout
CollectionNavigator
Localization
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?