Hello, 

I use the Telerik TreeListView. I would like to implement auto resizing for the header cells. In my app, there is the possibility to change the language. Some of the header texts may be changed by this action.

If a text becomes longer after changing the language (e. g. the German word "Haus" is replaced by the English word "House"), the width of the column gets bigger. That means, auto resizing to a bigger width exists..

But after changing back to German (the header content becomes shorter), there is no auto resizing to a smaller width.

Is there an event I can check or a property for the TreeListView?

Thank you very much.

Best regards,

Alex

Hi,

In my project I am working on using RichTextBox to edit HTML text. In the project I use implicit styling and the Expression Dark theme. And for everything else in the project it works fine, but I am having issues with the RichTextBox.

I have added the reference to the dll, and in App.xaml I have added the styles. I was expecting the textbox to become darker, but I can also see a bunch of errors from the styling.

Wonder what I am missing.

 

Hello, I would like to add a “Cartesian PlotBand Annotation” to a “CartesianChart” at runtime.
This should be done in the MVVM environment. For this I would add a list “List<CartesianPlotBandAnnotation>” as a property to my “MainViewModel”. I then fill the individual elements of this list with the corresponding data. The property “Axis” of type “CartesianAxis” must also be specified. Unfortunately, this object is not known to the “MainViewModel”. What is the solution here?

 

 

Hi,

As mentioned above, I would like to add a button that allows me to select which columns of the radgridview that I want to show. May I seek your advise on this?

I am facing an issue while loading the docking window saved XML to load. I have cross-checked XML files and found that there is no error in xml file. But while loading into an application it will show a red color lock icon.

Secondly, additional empty tabs will be shown along with other tabs. I have attached the screeshot. In screenshot, it has fixed window. But red icon can be seen in docking window also.

There are scenarios where empty tabs will be seen in mid of multiple tabs. But data collection don't have additional records.

I have a quite strange behavior for ComboBox

When I set IsReadOnly to true the ReadOnlyBorderBrush of the theme is apllied but ReadOnlyBackBrush is not, also it is not really read only value can still be changed by the user. To avoid this I have set IsReadOnly to true and IsEnabled to false in that case neither Border nor BackBrush is applied.

What am I missing here?

Here is a example 1st Combox has IsReadOnly="True" IsEnabled="False", 2nd Combox only IsReadOnly="True" and at the bottom a TextBox with only IsReadOnly="True" as reference.

I found out that the ReadOnlyBackgroundBrush from Theme setting is not applied in GridView.

In some grid I have a whole column that should not be edited from the User, while some grid is only editable when the user has the right to do it and some rows are ReadOnly depending on the state of the Row.

Are there theme colors that are dedicated for GridView or is there a generic way to apply a color to GridView and it's cells/rows in ReadOnly state? 

Hi,

I am working on a tool for an application based on one of the examples. I have noticed that when I create the pushpin using a Path then it is only selected if I hit exactly on the lines of the image being drawn.

This could be a general XAML question, but not really sure how this works. I would like to have the pin selected when I hit the area defined by the image.

My datatemplate:

            <DataTemplate x:Key="PositionPushPinTemplate">
                <Grid telerik:MapLayer.Location="{Binding Location}"
                      telerik:RadToolTipService.PlacementRectangle="-38 0 0 0"
                      telerik:RadToolTipService.Placement="Top"
                      telerik:RadToolTipService.ToolTipContent="{Binding}"
                      telerik:RadToolTipService.ToolTipContentTemplate="{StaticResource LocationLabelTemplate}"
                      HorizontalAlignment="Center"
                      VerticalAlignment="Top">
                    <Path Canvas.Top="2.989" Canvas.Left="3.188" 
                          Data="{Binding Icon}" 
                          Stretch="Uniform" 
                          Fill="{Binding Color}" 
                          Width="26" 
                          Height="26" 
                          Margin="0,0,0,0" 
                          RenderTransformOrigin="0.5,0.5">
                        <Path.RenderTransform>
                            <TransformGroup>
                                <TransformGroup.Children>
                                    <RotateTransform Angle="0" />
                                    <ScaleTransform ScaleX="1" ScaleY="1" />
                                </TransformGroup.Children>
                            </TransformGroup>
                        </Path.RenderTransform>
                    </Path>
                </Grid>
            </DataTemplate>

Hi,

I'm working with the Telerik RadPasswordBox and I'm currently using the Windows 11 theme along with the NoXAML DLL in a WPF project. However, I am unable to apply a dark background color to the RadPasswordBox when it's hovered over or clicked.

Here’s what I’m trying to achieve:

• Hover Effect: When the user hovers over the RadPasswordBox, I want the background to change to a dark color.
• Click Effect: Similarly, when the RadPasswordBox is clicked, the background should remain dark until the focus is lost.

I have tried setting the Background property in the relevant triggers, but it does not seem to work as expected. Could anyone provide guidance or a solution on how to implement this with the Windows 11 theme and NoXAML DLL?

Thank you for your help!
below is my code

 <telerik:RadPasswordBox
     x:Name="ClientIdTextBox"
     Grid.Column="1"
     Width="600"
     BorderThickness="0"
     FontSize="20"
     Foreground="#A7A3DC"
     Style="{StaticResource CustomPasswordBoxStyle}"
     WatermarkContent="ClientID">
     <telerik:RadPasswordBox.WatermarkTemplate>
         <DataTemplate>
             <TextBlock
                 Foreground="#A7A3DC"
                 Opacity="0.7"
                 Text="{Binding}" />
         </DataTemplate>
     </telerik:RadPasswordBox.WatermarkTemplate>
 </telerik:RadPasswordBox>
  <Style x:Key="CustomPasswordBoxStyle" TargetType="telerik:RadPasswordBox">
      <Setter Property="Background" Value="Transparent" />
      <Setter Property="BorderThickness" Value="0" />
      <Setter Property="Foreground" Value="#A7A3DC" />
      <Setter Property="FontSize" Value="20" />
      <Style.Triggers>
          <Trigger Property="IsMouseOver" Value="True">
              <Setter Property="Background" Value="#080812" />
          </Trigger>
          <Trigger Property="IsFocused" Value="True">
              <Setter Property="Background" Value="#080812" />
          </Trigger>
      </Style.Triggers>
  </Style>

 

I'm experiencing an issue with RadTabControl where I cannot navigate between tabs after implementing a custom template for RadTabItem. When I remove the custom template, the navigation works fine, but as soon as I add the template back, I lose the ability to switch between tabs.
Below is my xaml code
<UserControl
    x:Class="agent_ui.Views.SettingsView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:agent_ui.Views"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    d:DesignHeight="1450"
    d:DesignWidth="800"
    mc:Ignorable="d">

    <UserControl.Resources>

        <Style TargetType="telerik:RadButton">
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Background" Value="#ff6c1e" />
            <Setter Property="Padding" Value="10,5" />
            <Setter Property="Margin" Value="0,0,0,10" />
            <Setter Property="HorizontalAlignment" Value="Left" />
            <Setter Property="MinWidth" Value="120" />
            <Setter Property="MaxWidth" Value="160" />
        </Style>

        <Style TargetType="telerik:RadToggleButton">
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="Padding" Value="10,5" />
        </Style>

        <Style TargetType="telerik:RadTabControl">
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="Margin" Value="0" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadTabControl">
                        <Grid Background="#1E1E1E">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>

                            <!--  Tab Header Panel  -->
                            <Border
                                Grid.Row="0"
                                MinHeight="45"
                                Background="#252525">
                                <TabPanel
                                    x:Name="HeaderPanel"
                                    IsItemsHost="True"
                                    KeyboardNavigation.TabIndex="1" />
                            </Border>

                            <!--  Content Panel  -->
                            <Border
                                x:Name="ContentPanel"
                                Grid.Row="1"
                                Background="Transparent"
                                BorderThickness="0"
                                KeyboardNavigation.DirectionalNavigation="Contained"
                                KeyboardNavigation.TabIndex="2">
                                <ContentPresenter
                                    x:Name="PART_SelectedContentHost"
                                    Margin="2"
                                    ContentSource="SelectedContent" />
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style TargetType="telerik:RadListBox">
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="#2E2F45" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Padding" Value="0" />
            <Setter Property="Margin" Value="0" />
        </Style>
        <Style TargetType="telerik:RadTabItem">
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="Padding" Value="20,10" />
            <Setter Property="MinHeight" Value="45" />
            <Setter Property="Margin" Value="0" />
            <Setter Property="Foreground" Value="#808080" />
            <!--  Set all directional templates to ensure proper functionality  -->
            <Setter Property="TopTemplate">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadTabItem">
                        <Grid>
                            <Border
                                x:Name="Border"
                                Padding="{TemplateBinding Padding}"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="2" />
                                    </Grid.RowDefinitions>

                                    <ContentPresenter
                                        x:Name="HeaderContentPresenter"
                                        Grid.Row="0"
                                        HorizontalAlignment="Center"
                                        VerticalAlignment="Center"
                                        ContentSource="Header"
                                        RecognizesAccessKey="True" />

                                    <Rectangle
                                        x:Name="SelectionIndicator"
                                        Grid.Row="1"
                                        Height="2"
                                        Fill="#ff6c1e"
                                        Visibility="Collapsed" />
                                </Grid>
                            </Border>
                            <!--  Required parts for tab functionality  -->
                            <ContentPresenter
                                x:Name="PART_Content"
                                Margin="{TemplateBinding Padding}"
                                ContentSource="Content"
                                Visibility="Collapsed" />
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Foreground" Value="#FFFFFF" />
                                <Setter Property="Panel.ZIndex" Value="1" />
                                <Setter TargetName="SelectionIndicator" Property="Visibility" Value="Visible" />
                                <Setter Property="Background" Value="#2D2D2D" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#2D2D2D" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <!--  Copy the same template for other directions  -->
            <Setter Property="BottomTemplate">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadTabItem">
                        <!--  Same template as TopTemplate  -->
                        <Grid>
                            <Border
                                x:Name="Border"
                                Padding="{TemplateBinding Padding}"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="2" />
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>

                                    <Rectangle
                                        x:Name="SelectionIndicator"
                                        Grid.Row="0"
                                        Height="2"
                                        Fill="#ff6c1e"
                                        Visibility="Collapsed" />

                                    <ContentPresenter
                                        x:Name="HeaderContentPresenter"
                                        Grid.Row="1"
                                        HorizontalAlignment="Center"
                                        VerticalAlignment="Center"
                                        ContentSource="Header"
                                        RecognizesAccessKey="True" />
                                </Grid>
                            </Border>
                            <ContentPresenter
                                x:Name="PART_Content"
                                Margin="{TemplateBinding Padding}"
                                ContentSource="Content"
                                Visibility="Collapsed" />
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Foreground" Value="#FFFFFF" />
                                <Setter Property="Panel.ZIndex" Value="1" />
                                <Setter TargetName="SelectionIndicator" Property="Visibility" Value="Visible" />
                                <Setter Property="Background" Value="#2D2D2D" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#2D2D2D" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid Margin="4">
        <Border
            Background="Transparent"
            BorderBrush="#2E2F45"
            BorderThickness="0"
            CornerRadius="5">
            <telerik:RadTabControl>
                <!--  Discovery Configuration Tab  -->
                <telerik:RadTabItem Header="Discovery Configuration">
                    <StackPanel Margin="20">
                        <TextBlock
                            Margin="0,0,0,20"
                            FontSize="18"
                            FontWeight="Bold"
                            Foreground="#ffffff"
                            Text="Add a new folder for discovery" />

                        <StackPanel Orientation="Horizontal">
                            <telerik:RadButton Command="{Binding SelectFolderClassificationCommand}">
                                <StackPanel Orientation="Horizontal ">
                                    <telerik:RadGlyph FontSize="16" Glyph="&#xe105;" />
                                    <TextBlock
                                        Margin="5,0,0,0"
                                        FontSize="18"
                                        Text=" Select Folder" />
                                </StackPanel>
                            </telerik:RadButton>
                            <TextBlock
                                Margin="10,0,0,0"
                                VerticalAlignment="Center"
                                Background="Gray"
                                Text="{Binding FolderPath}" />
                        </StackPanel>

                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <StackPanel Grid.Column="0">
                                <TextBlock
                                    FontSize="18"
                                    Foreground="#ffffff"
                                    Text="Start Time" />
                                <telerik:RadDatePicker
                                    Margin="0,0,0,20"
                                    DisplayDate="{Binding DisplayTime}"
                                    SelectedDate="{Binding StartTime}" />
                            </StackPanel>

                            <StackPanel Grid.Column="1" Margin="10,0,0,0">
                                <TextBlock
                                    FontSize="18"
                                    Foreground="#ffffff"
                                    Text="End Time" />
                                <telerik:RadDatePicker
                                    DisplayDate="{Binding StartTime}"
                                    IsEnabled="{Binding IsStartTimeSelected}"
                                    SelectedDate="{Binding EndTime}" />
                            </StackPanel>
                        </Grid>

                        <TextBlock
                            Margin="0,0,0,10"
                            FontSize="18"
                            Foreground="#ffffff"
                            Text="Interval Time" />

                        <Border
                            BorderBrush="#2E2F45"
                            BorderThickness="1"
                            CornerRadius="5">
                            <Grid Margin="10,5">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>

                                <telerik:RadGlyph
                                    Grid.Column="0"
                                    Margin="0,0,10,0"
                                    FontSize="20"
                                    Foreground="#A7A3DC"
                                    Glyph="&#xe113;" />

                                <telerik:RadWatermarkTextBox
                                    Grid.Column="1"
                                    Width="600"
                                    Background="Transparent"
                                    BorderThickness="0"
                                    Text="{Binding IntervalTime, Mode=TwoWay}"
                                    WatermarkContent="Enter time in Mins..." />
                            </Grid>
                        </Border>

                        <telerik:RadButton
                            MinWidth="140"
                            MaxWidth="200"
                            Command="{Binding SelectFolderClassificationCommandAdd}">
                            <StackPanel Orientation="Horizontal">
                                <telerik:RadGlyph FontSize="16" Glyph="&#xe105;" />
                                <TextBlock
                                    Margin="5,0,0,0"
                                    FontSize="18"
                                    Text=" Add Folder path" />
                            </StackPanel>
                        </telerik:RadButton>

                        <TextBlock Foreground="Red" Text="{Binding DiscoveryError}" />

                        <TextBlock
                            FontSize="16"
                            Foreground="#A7A3DC"
                            Text="Add Your Folder and click scan for Discover your sensitive data" />

                        <telerik:RadListBox MaxHeight="300" ItemsSource="{Binding FolderClassifications}">
                            <telerik:RadListBox.ItemTemplate>
                                <DataTemplate>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="50" />
                                            <ColumnDefinition Width="20" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="210" />
                                            <ColumnDefinition Width="30" />
                                        </Grid.ColumnDefinitions>

                                        <telerik:RadButton
                                            Grid.Column="0"
                                            Command="{Binding RunClassification}"
                                            Content="Scan"
                                            FontSize="12" />

                                        <telerik:RadGlyph
                                            Grid.Column="1"
                                            FontSize="16"
                                            Glyph="&#xe8b7;" />

                                        <TextBlock
                                            Grid.Column="2"
                                            Margin="5,0"
                                            VerticalAlignment="Center"
                                            FontSize="12"
                                            Text="{Binding Source}" />

                                        <TextBlock
                                            Grid.Column="3"
                                            VerticalAlignment="Center"
                                            FontSize="12"
                                            Foreground="{Binding ClassificationStatusColor}"
                                            Text="{Binding ClassificationStatus}" />

                                        <telerik:RadButton Grid.Column="4" Command="{Binding DeleteCommand}">
                                            <telerik:RadGlyph FontSize="11" Glyph="&#xe10a;" />
                                        </telerik:RadButton>
                                    </Grid>
                                </DataTemplate>
                            </telerik:RadListBox.ItemTemplate>
                        </telerik:RadListBox>
                    </StackPanel>
                </telerik:RadTabItem>

                <!--  Control Configuration Tab  -->
                <telerik:RadTabItem Header="Control (File Activity) Configuration">
                    <StackPanel Margin="20">
                        <StackPanel Orientation="Horizontal">
                            <telerik:RadButton Command="{Binding SelectFolderCommand}">
                                <StackPanel Orientation="Horizontal">
                                    <telerik:RadGlyph FontSize="16" Glyph="&#xe105;" />
                                    <TextBlock
                                        Margin="5,0,0,0"
                                        FontSize="18"
                                        Text=" Select Folder" />
                                </StackPanel>
                            </telerik:RadButton>
                            <TextBlock
                                Margin="10,0,0,0"
                                VerticalAlignment="Center"
                                Background="Gray"
                                Text="{Binding ControlFolderPath}" />
                        </StackPanel>

                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <StackPanel Grid.Column="0">
                                <TextBlock
                                    FontSize="18"
                                    Foreground="#ffffff"
                                    Text="Start Time" />
                                <telerik:RadDatePicker DisplayDate="{Binding DisplayTime}" SelectedDate="{Binding ControlStartTime}" />
                            </StackPanel>

                            <StackPanel Grid.Column="1" Margin="10,0,0,0">
                                <TextBlock
                                    FontSize="18"
                                    Foreground="#ffffff"
                                    Text="End Time" />
                                <telerik:RadDatePicker
                                    DisplayDate="{Binding ControlStartTime}"
                                    IsEnabled="{Binding IsControlStartTimeSelected}"
                                    SelectedDate="{Binding ControlEndTime}" />
                            </StackPanel>
                        </Grid>

                        <telerik:RadButton
                            MinWidth="140"
                            MaxWidth="200"
                            Command="{Binding SelectFolderCommandAdd}">
                            <StackPanel Orientation="Horizontal">
                                <telerik:RadGlyph FontSize="16" Glyph="&#xe105;" />
                                <TextBlock
                                    Margin="5,0,0,0"
                                    FontSize="18"
                                    Text=" Add Folder path" />
                            </StackPanel>
                        </telerik:RadButton>

                        <TextBlock Foreground="Red" Text="{Binding ControlError}" />

                        <TextBlock
                            FontSize="16"
                            Foreground="#A7A3DC"
                            Text="Add Your Folder and click scan for Monitoring your data" />

                        <telerik:RadListBox MaxHeight="350" ItemsSource="{Binding FolderMonitors}">
                            <telerik:RadListBox.ItemTemplate>
                                <DataTemplate>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="50" />
                                            <ColumnDefinition Width="20" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="210" />
                                            <ColumnDefinition Width="30" />
                                        </Grid.ColumnDefinitions>

                                        <telerik:RadToggleButton
                                            Grid.Column="0"
                                            Command="{Binding StartMonitoringCommand}"
                                            Content="{Binding ButtonText}"
                                            IsChecked="{Binding IsMonitoring}" />

                                        <telerik:RadGlyph
                                            Grid.Column="1"
                                            FontSize="16"
                                            Glyph="&#xe8b7;" />

                                        <TextBlock
                                            Grid.Column="2"
                                            Margin="5,0"
                                            VerticalAlignment="Center"
                                            FontSize="12"
                                            Text="{Binding FolderPath}" />

                                        <TextBlock
                                            Grid.Column="3"
                                            VerticalAlignment="Center"
                                            FontSize="12"
                                            Foreground="{Binding MonitoringStatusColor}"
                                            Text="{Binding MonitoringStatus}" />

                                        <telerik:RadButton Grid.Column="4" Command="{Binding DeleteFolderMonitoringCommand}">
                                            <telerik:RadGlyph FontSize="11" Glyph="&#xe10a;" />
                                        </telerik:RadButton>
                                    </Grid>
                                </DataTemplate>
                            </telerik:RadListBox.ItemTemplate>
                        </telerik:RadListBox>
                    </StackPanel>
                </telerik:RadTabItem>

                <!--  Agent Info Tab  -->
                <telerik:RadTabItem Header="Agent Info">
                    <StackPanel Margin="20">
                        <TextBlock
                            Margin="0,0,0,20"
                            FontSize="20"
                            Foreground="#ffffff"
                            Text="Agent Information" />

                        <!--  Client ID  -->
                        <StackPanel Margin="0,0,0,10" Orientation="Horizontal">
                            <TextBlock
                                Width="120"
                                VerticalAlignment="Center"
                                FontSize="16"
                                Foreground="#A7A3DC"
                                Text="Client ID:" />
                            <telerik:RadWatermarkTextBox
                                Width="250"
                                Background="#2E2F45"
                                BorderThickness="0"
                                IsReadOnly="True"
                                Text="{Binding ClientId}" />
                        </StackPanel>

                        <!--  Client Secret  -->
                        <StackPanel Margin="0,0,0,10" Orientation="Horizontal">
                            <TextBlock
                                Width="120"
                                VerticalAlignment="Center"
                                FontSize="16"
                                Foreground="#A7A3DC"
                                Text="Client Secret:" />
                            <telerik:RadWatermarkTextBox
                                Width="250"
                                Background="#2E2F45"
                                BorderThickness="0"
                                IsReadOnly="True"
                                Text="{Binding ClientSecret}" />
                        </StackPanel>

                        <!--  Client Secret  -->
                        <StackPanel Margin="0,0,0,10" Orientation="Horizontal">
                            <TextBlock
                                Width="120"
                                VerticalAlignment="Center"
                                FontSize="16"
                                Foreground="#A7A3DC"
                                Text="Agent Group:" />
                            <telerik:RadWatermarkTextBox
                                Width="250"
                                Background="#2E2F45"
                                BorderThickness="0"
                                IsReadOnly="True"
                                Text="{Binding AgentGroup}" />
                        </StackPanel>


                        <!--  Scan Configurations Title  -->
                        <TextBlock
                            Margin="0,20,0,10"
                            FontSize="18"
                            Foreground="#ffffff"
                            Text="Scan Configurations" />

                        <!--  Max Depth  -->
                        <StackPanel Margin="0,0,0,10" Orientation="Horizontal">
                            <TextBlock
                                Width="120"
                                VerticalAlignment="Center"
                                FontSize="16"
                                Foreground="#A7A3DC"
                                Text="Max Depth:" />
                            <telerik:RadWatermarkTextBox
                                Width="250"
                                Background="#2E2F45"
                                BorderThickness="0"
                                IsReadOnly="True"
                                Text="{Binding MaxDepth}" />
                        </StackPanel>

                        <!--  Files Per Folder  -->
                        <StackPanel Margin="0,0,0,10" Orientation="Horizontal">
                            <TextBlock
                                Width="120"
                                VerticalAlignment="Center"
                                FontSize="16"
                                Foreground="#A7A3DC"
                                Text="Files Per Folder:" />
                            <telerik:RadWatermarkTextBox
                                Width="250"
                                Background="#2E2F45"
                                BorderThickness="0"
                                IsReadOnly="True"
                                Text="{Binding MaxFilesPerFolder}" />
                        </StackPanel>

                        <!--  Files Per Scan  -->
                        <StackPanel Margin="0,0,0,10" Orientation="Horizontal">
                            <TextBlock
                                Width="120"
                                VerticalAlignment="Center"
                                FontSize="16"
                                Foreground="#A7A3DC"
                                Text="Files Per Scan:" />
                            <telerik:RadWatermarkTextBox
                                Width="250"
                                Background="#2E2F45"
                                BorderThickness="0"
                                IsReadOnly="True"
                                Text="{Binding TotalFilesPerScan}" />
                        </StackPanel>

                        <!--  Create Dump Button  -->
                        <telerik:RadButton Command="{Binding CreateDumpCommand}">
                            <StackPanel Orientation="Horizontal">
                                <telerik:RadGlyph FontSize="16" Glyph="&#xe105;" />
                                <TextBlock
                                    Margin="5,0,0,0"
                                    FontSize="18"
                                    Text=" Create Dump" />
                            </StackPanel>
                        </telerik:RadButton>
                    </StackPanel>
                </telerik:RadTabItem>
            </telerik:RadTabControl>
        </Border>
    </Grid>
</UserControl>