### VB.NET Data Binding Example

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radsparkline/radsparkline_databinding.md

Illustrates data binding setup using a list of custom objects in VB.NET, similar to the C# example.

```vbnet
Partial Public Class MainPage
        Inherits UserControl
        Public Sub New() 'MainWindow in WPF
            InitializeComponent()
            Dim today As Date = Date.Today

            Dim data As New List(Of MyCost)() From {New MyCost() With {.Cost = 1, .UnitCost = 2, .MyDate = today}, New MyCost() With {.Cost = 2, .UnitCost = 4, .MyDate = today.AddDays(1)}, New MyCost() With {.Cost = 3, .UnitCost = 6, .MyDate = today.AddDays(2)}, New MyCost() With {.Cost = 4, .UnitCost = 4, .MyDate = today.AddDays(3)}, New MyCost() With {.Cost = 5, .UnitCost = 8, .MyDate = today.AddDays(4)}}
            Me.DataContext = data
        End Sub
    End Class

    Public Class MyCost
        Public Property Cost() As Double
        Public Property UnitCost() As Double
        Public Property MyDate() As Date
    End Class
```

--------------------------------

### Initialize RadWebCam with Specific Device and Format

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radwebcam/features/start-camera-manually.md

Manually initialize the camera by selecting a video device and its supported format, then start the webcam. This should be done after the control is loaded, for example, in its Loaded event.

```C#
			ReadOnlyCollection<MediaFoundationDeviceInfo> videoDevices = RadWebCam.GetVideoCaptureDevices();            
			ReadOnlyCollection<MediaFoundationVideoFormatInfo> videoFormats = RadWebCam.GetVideoFormats(videoDevices[0]);
			this.radWebCam.Initialize(videoDevices[0], videoFormats[0]);
			this.radWebCam.Start();
```

--------------------------------

### Start RadWebCam Programmatically

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radwebcam/features/start-camera-manually.md

Call the Start method to initiate the camera after disabling auto-start or at a later point in time.

```C#
	this.radWebCam.Start();
```

--------------------------------

### Initialize RadWebCam Without Audio

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radwebcam/how-to/mute-recording-audio.md

In the Loaded event handler, get camera and video format information. Call Initialize, passing null for the audioDevice parameter to disable audio recording, then start the camera.

```C#
        private void RadWebcam_Loaded(object sender, RoutedEventArgs e)
        {	    
            ReadOnlyCollection<MediaFoundationDeviceInfo> videoDevices = RadWebCam.GetVideoCaptureDevices();            
            ReadOnlyCollection<MediaFoundationVideoFormatInfo> videoFormats = RadWebCam.GetVideoFormats(videoDevices[0]);
            this.radWebCam.Initialize(videoDevices[0], videoFormats[0], null);
            this.radWebCam.Start();
        }
```

--------------------------------

### Get Resizing Service in VB.NET

Source: https://github.com/telerik/xaml-docs/blob/master/controls/raddiagram/features/services.md

Retrieve an instance of a service by specifying its interface type. This example gets the IResizingService.

```vbnet
xDiagram.ServiceLocator.GetService(Of IResizingService)()
```

--------------------------------

### Set up Data Context with Sample Data (C#)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/raddatabar/databinding.md

Initialize a List of Item objects and create a Product instance to serve as the DataContext. This prepares the data for binding to the RadDataBar controls.

```C#
var items = new List<Item>() 
{
	new Item{ Val = 9, Name = "nine", },
	new Item{ Val = 10, Name = "ten", },
	new Item{ Val = 11, Name = "eleven", },
	new Item{ Val = 20, Name = "twenty", }, 
	new Item{ Val = 22, Name = "twenty two", }, 
	new Item{ Val = 90, Name = "ninety", }, 

	new Item{ Val = -9, Name = "-nine", },
	new Item{ Val = -10, Name = "-ten", },
	new Item{ Val = -11, Name = "-eleven", },
	new Item{ Val = -20, Name = "-twenty", }, 
	new Item{ Val = -100, Name = "-hundred", }, 
};

this.DataContext = new Product() { Value1 = 20, Value2 = 30, Ints = new List<int>() {5, 6, 7, 8, 9, }, Items = items };
```

--------------------------------

### Get Resizing Service in C#

Source: https://github.com/telerik/xaml-docs/blob/master/controls/raddiagram/features/services.md

Retrieve an instance of a service by specifying its interface type. This example gets the IResizingService.

```csharp
xDiagram.ServiceLocator.GetService<IResizingService>();
```

--------------------------------

### Set up Data Context with Sample Data (VB.NET)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/raddatabar/databinding.md

Initialize a List of Item objects and create a Product instance in VB.NET for the DataContext. This populates the data that will be bound to the RadDataBar controls.

```VB.NET
Dim items = New List(Of Item)() From {
	 New Item With {.Val = 9, .Name = "nine"},
	 New Item With {.Val = 10, .Name = "ten"},
	 New Item With {.Val = 11, .Name = "eleven"},
	 New Item With {.Val = 20, .Name = "twenty"},
	 New Item With {.Val = 22, .Name = "twenty two"},
	 New Item With {.Val = 90, .Name = "ninety"},
	 New Item With {.Val = -9, .Name = "-nine"},
	 New Item With {.Val = -10, .Name = "-ten"},
	 New Item With {.Val = -11, .Name = "-eleven"},
	 New Item With {.Val = -20, .Name = "-twenty"},
	 New Item With {.Val = -100, .Name = "-hundred"}}

Dim TempProduct As Product = New Product() With {.Value1 = 20, .Value2 = 30, .Ints = New List(Of Integer)() From {5, 6, 7, 8, 9}, .Items = items}
Me.DataContext = New Product() With {.Value1 = 20, .Value2 = 30, .Ints = New List(Of Integer)() From {5, 6, 7, 8, 9}, .Items
```

--------------------------------

### Setting up the ViewModel with DataSet

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radgridview/populating-with-data/binding-to-dataset.md

This code demonstrates how to create a ViewModel that returns a DataSet. Ensure a DataRelation is present for hierarchy generation.

```vbnet
Imports System.Data

Public Class MainViewModel
    Public Property DataSet As DataSet

    Public Sub New()
        Dim ds As New DataSet()
        ' ... populate DataSet ...
        Me.DataSet = ds
    End Sub
End Class
```

--------------------------------

### Define Appointment Filter Predicate in C#

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radscheduleview/features/filtering.md

Implement the AppointmentFilter property to filter appointments based on their start date. This example filters for appointments starting today.

```C#
    public Predicate<IAppointment> AppointmentsFilter
    {
        get { return Filter; }
    }

    public bool Filter(IAppointment appointment)
    {
        var app = appointment as Appointment;
        return app != null && TodaysAppointments(app);
    }

    public bool TodaysAppointments(Appointment app)
    {
        return app != null && app.Start.Date == DateTime.Today;
    }
```

--------------------------------

### Sample Item Class and MainWindow Initialization (C#)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radpanelbar/howto/object-data.md

Defines a SampleItem class with Text and Items properties, and initializes the MainWindow by creating an ObservableCollection of SampleItem objects and setting it as the DataContext. This sets up the data source for the RadPanelBar.

```C#
	public class SampleItem : ViewModelBase
    {
        private string text;
        private ObservableCollection<SampleItem> items;

        public string Text
        {
            get
            {
                return this.text;
            }

            set
            {
                if (this.text != value)
                {
                    this.text = value;
                    this.OnPropertyChanged("Text");
                }
            }
        }

        public ObservableCollection<SampleItem> Items
        {
            get
            {
                return this.items;
            }

            set
            {
                if (this.items != value)
                {
                    this.items = value;
                    this.OnPropertyChanged("Items");
                }
            }
        }
    }

	public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

			var source = new ObservableCollection<SampleItem>();
			for (int i = 1; i <= 3; i++)
			{
				var secondLevelItems = new ObservableCollection<SampleItem>() { new SampleItem() { Text = "Second level " + i } };
				source.Add(new SampleItem() { Text = "First level " + i, Items = secondLevelItems });
			}

			this.DataContext = source;
        }
    }
```

--------------------------------

### Showing RadVirtualKeyboardWindow

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radvirtualkeyboard/window.md

Instantiate RadVirtualKeyboardWindow with a RadVirtualKeyboard instance and call the Show() method to display it.

```C#
var keyboardWindow = new RadVirtualKeyboardWindow(new RadVirtualKeyboard());
keyboardWindow.Show();
```

--------------------------------

### Sample RadRibbonView

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radribbonview/how-to/howto-style-title.md

A basic RadRibbonView setup to serve as a starting point for customization.

```XAML
	<telerik:RadRibbonView Margin="10" Title="Title" ApplicationName="My App" >
		<telerik:RadRibbonView.Items>
			<telerik:RadRibbonTab Header="Home">
				<telerik:RadRibbonGroup Header="Clipboard"/>
				<telerik:RadRibbonGroup Header="Font"/>
			</telerik:RadRibbonTab>
			<telerik:RadRibbonTab Header="View" />
		</telerik:RadRibbonView.Items>
	</telerik:RadRibbonView>
```

--------------------------------

### Example: Get Spans in Hyperlink Annotation (C#)

Source: https://github.com/telerik/xaml-docs/blob/master/knowledge-base/kb-richtextbox-get-elements-in-annotation-range.md

This example demonstrates how to use the GetElementsInAnnotationRange method to specifically retrieve all Span elements within a hyperlink annotation range.

```C#
 var spansInHyperlink = GetElementsInAnnotationRange<Span>(hyperlinkAnnotationStart, hyperlinkAnnotationStart.End);
```

--------------------------------

### Prepare Sample Data (C#)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radpropertygrid/features/unbound-mode.md

Initializes an Employee object with nested Department data for use with RadPropertyGrid.

```csharp
InitializeComponent();
this.rpg.Item = new Employee()
{
    Name = "Nancy Davolio",
    HireDate = DateTime.Now,
    Department = new Department()
    {
        ID = 1,
        Name = "US Department"
    }
};
```

--------------------------------

### RadTimeline Annotations ViewModel Example

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radtimeline/features/annotations.md

A C# ViewModel class demonstrating the initialization of data for a RadTimeline, including setting the PeriodStart. This is a partial example and would typically be part of a larger data context setup.

```C#
	public class RadTimelineAnnotationsViewModel
	{
	    public RadTimelineAnnotationsViewModel()
	    {
	        this.PeriodStart = new DateTime(2011, 1, 1);

```

--------------------------------

### Set Recording File Path and Start Recording in Code

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radwebcam/features/recording-video.md

Configure the video recording path and initiate recording programmatically. The file will be created if it doesn't exist, or overwritten if it does.

```C#
    string videoFileName = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.Desktop), "video.mp4");
    
    // If there is no "video.mp4" file, such file will get created. If the file exists, it will get overridden.
    radWebCam.RecordingFilePath = videoFileName
    
    radWebCam.StartRecording();
```

--------------------------------

### Linear Scale Placement Example

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radgauge/features/linear-and-radial-scales/scales-linear-scale.md

Positions a horizontal linear scale within its container using RelativeX and RelativeY properties. This example sets the scale to start at the top-left corner (0,0) and fill the container.

```XAML
	<telerik:RadHorizontalLinearGauge Width="250"
	                                    Height="70"
	                                    OuterBackground="#F4F4F4"
	                                    OuterBorderThickness="0"
	                                    telerik:StyleManager.Theme="Windows8">
	    <telerik:HorizontalLinearScale Min="0"
	                            Max="12"
	                            RelativeX="0"
	                            RelativeY="0"
	                            RelativeWidth="1"
	                            RelativeHeight="1" 
	                            StartWidth="0"
	                            EndWidth="0"/>
	</telerik:RadHorizontalLinearGauge>
```

--------------------------------

### Sample Model and ViewModel in C#

Source: https://github.com/telerik/xaml-docs/blob/master/knowledge-base/kb-gridview-style-aggregate-results-in-group-header.md

Defines a Product class and a ViewModel to hold a collection of products. This setup is used for demonstrating conditional styling of aggregate results.

```C#
    public class Product
    {
        public Product(string name, int id)
        {
            this.Name = name;
            this.ID = id;
        }
        public string Name
        {
            get;
            set;
        }

        public int ID
        {
            get;
            set;
        }

        public static ObservableCollection<Product> GetProducts()
        {
            ObservableCollection<Product> products = new ObservableCollection<Product>();
            var id = 0;
            for (int i = 1; i < 7; i++)
            {
                products.Add(new Product("Socks", ++id));
            }
            products.Add(new Product("T-shirts", ++id));
            products.Add(new Product("Shoes", ++id));
            products.Add(new Product("Hats", ++id));
            
            return products;
        }
    }

    public class ViewModel
    {
        private ObservableCollection<Product> products;

        public ObservableCollection<Product> Products
        {
            get
            {
                if(this.products == null)
                {
                    this.products = Product.GetProducts();
                }

                return this.products;

            }
        }
    }
```

--------------------------------

### Prepare Sample Data (VB.NET)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radpropertygrid/features/unbound-mode.md

Initializes an Employee object with nested Department data for use with RadPropertyGrid.

```vbnet
Public Sub New()
    InitializeComponent()
    Me.rpg.Item = New Employee() With {
        .Name = "Nancy Davolio",
        .HireDate = Date.Now,
        .Department = New Department() With {
            .ID = 1,
            .Name = "US Department"
        }
    }
End Sub
```

--------------------------------

### Get Cell Under Mouse - C#

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radspreadsheet/howto/get-cell-from-point.md

This example demonstrates how to get the cell index under the mouse cursor during a `MouseMove` event. It requires accessing the `NormalWorksheetEditorPresenter` and using its `GetCellIndexFromViewPoint` method. The cell's value is then updated.

```C#
private void MainWindow_Loaded(object sender, RoutedEventArgs e)
{
    var worksheetEditor = this.radSpreadsheet.ActiveWorksheetEditor;
    if (worksheetEditor != null)
    {
        var presenter = worksheetEditor.ActivePresenter as NormalWorksheetEditorPresenter;
        presenter.PreviewMouseMove += Presenter_PreviewMouseMove;
    }
}

private void Presenter_PreviewMouseMove(object sender, MouseEventArgs e)
{
    var presenter = sender as NormalWorksheetEditorPresenter;
    Point position = e.GetPosition(presenter);

    CellIndex clickedCellIndex = presenter.GetCellIndexFromViewPoint(position);
    string clickValue = String.Format("Hovered!");
    this.radSpreadsheet.ActiveWorksheet.Cells[clickedCellIndex].SetValue(clickValue);
}
```

--------------------------------

### Set Custom DataTemplate for RadDiagramConnection

Source: https://github.com/telerik/xaml-docs/blob/master/controls/raddiagram/getting-started.md

Customizes the appearance and content of a RadDiagramConnection, including its start and target cap types, and content template. This example shows how to display 'Start' text with specific alignment and margins.

```XAML
<telerik:RadDiagramConnection HorizontalContentAlignment="Center"
									  VerticalContentAlignment="Top"
									  Content="Start"
									  FontWeight="Bold"
									  SourceCapType="Arrow6Filled"
									  StrokeThickness="2"
									  Target="{Binding ElementName=ConditionShape}"
									  TargetCapType="Arrow1Filled"
									  StartPoint="200,20">
			<telerik:RadDiagramConnection.ContentTemplate>
				<DataTemplate>
					<TextBlock Margin="-18"
							   Text="{Binding}" />
				</DataTemplate>
			</telerik:RadDiagramConnection.ContentTemplate>
		</telerik:RadDiagramConnection>
```

--------------------------------

### Run Bootstrapper in App.xaml.cs (C#)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radoutlookbar/how-to/how_to_use_radoutlookbar_as_a_container_in_prism_application.md

Modify the Application_Startup event handler in App.xaml.cs to instantiate and run the bootstrapper. This is the entry point for initializing the Prism application.

```C#
private void Application_Startup(object sender, StartupEventArgs e)
{
    Bootstrapper bootstrapper = new Bootstrapper();
    bootstrapper.Run();
}
```

--------------------------------

### Define RadFilePathPicker in XAML

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radfilepathpicker/getting-started.md

This is the basic definition of the RadFilePathPicker control in XAML. No additional setup is required to start using it.

```XAML
    <telerik:RadFilePathPicker x:Name="filePathPicker"  />
```

--------------------------------

### Create Line Chart Series with Manual Mappings

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radchart/how-to/howto-highlight-pointmark-on-click.md

Demonstrates how to create a Line Series using manual data mappings and populate it with sample data. This setup is required before handling item click events.

```C#
public MainPage() //MainWindow() for WPF
        {
            InitializeComponent();
            Random r = new Random();
            List<ItemData> chartData = new List<ItemData>();
            for (int i = 0; i < 20; i++)
            {
                chartData.Add(new ItemData(i, r.Next(0, 100)));
            }
            this.radChart.ItemsSource = chartData;
            this.SetUpMappings();
        }

        private void SetUpMappings()
        {
            SeriesMapping mapping = new SeriesMapping();
            mapping.SeriesDefinition = new LineSeriesDefinition()
            {
                ShowItemToolTips = true,
                ShowItemLabels = false
            };
            mapping.ItemMappings.Add(new ItemMapping("YValue", DataPointMember.YValue));
            mapping.ItemMappings.Add(new ItemMapping("XValue", DataPointMember.XValue));

            this.radChart.SeriesMappings.Add(mapping);
        }

        public class ItemData
        {
            public double XValue { get; set; }
            public double YValue { get; set; }
            public ItemData(double xValue, double yValue)
            {
                this.XValue = xValue;
                this.YValue = yValue;
            }
        }
```

```VB.NET
Public Sub New() 'MainWindow() for WPF
                  InitializeComponent()
                  Dim r As New Random()
                  Dim chartData As New List(Of ItemData)()
                  For i As Integer = 0 To 19
                        chartData.Add(New ItemData(i, r.Next(0, 100)))
                  Next i
                  Me.radChart.ItemsSource = chartData
                  Me.SetUpMappings()
       End Sub

            Private Sub SetUpMappings()
                  Dim mapping As New SeriesMapping()
                  mapping.SeriesDefinition = New LineSeriesDefinition() With {.ShowItemToolTips = True, .ShowItemLabels = False}
                  mapping.ItemMappings.Add(New ItemMapping("YValue", DataPointMember.YValue))
                  mapping.ItemMappings.Add(New ItemMapping("XValue", DataPointMember.XValue))

                  Me.radChart.SeriesMappings.Add(mapping)
            End Sub

            Public Class ItemData
                  Public Property XValue() As Double
                  Public Property YValue() As Double
                  Public Sub New(ByVal xValue As Double, ByVal yValue As Double)
                        Me.XValue = xValue
                        Me.YValue = yValue
                  End Sub
            End Class
```

--------------------------------

### Complete RadLayoutControl Example with Nested Groups

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radlayoutcontrol/getting-started/getting-started.md

Demonstrates a comprehensive setup of RadLayoutControl featuring nested layout groups, expander groups, tab groups, and various child elements. This example showcases how to structure complex UIs with RadLayoutControl.

```XAML
	<telerik:RadLayoutControl IsInEditMode="True">
		<telerik:LayoutControlGroup Orientation="Vertical">
			<telerik:LayoutControlExpanderGroup Margin="2" Header="Layout Control Expander Group">
				<telerik:LayoutControlGroup Orientation="Vertical">
					<telerik:LayoutControlGroup>
						<RadioButton Content="RadioButton 1" Padding="5" VerticalAlignment="Center" Margin="2" />
						<RadioButton Content="RadioButton 2" IsChecked="True" Padding="5" VerticalAlignment="Center" Margin="2" />
						<RadioButton Content="RadioButton 3" Padding="5" VerticalAlignment="Center" Margin="2" />
					</telerik:LayoutControlGroup>

					<Grid>
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="Auto" />
							<ColumnDefinition />
						</Grid.ColumnDefinitions>
						<TextBlock Text="TextBlock:" Foreground="Black" VerticalAlignment="Center" Margin="5 0 5 0"/>
						<TextBox Grid.Column="1" Foreground="Black" VerticalAlignment="Center" Margin="5 0 5 0"/>
					</Grid>
				</telerik:LayoutControlGroup>

				<ListBox  Padding="8" Margin="2" >
					<ListBoxItem Content="ListBoxItem 1" />
					<ListBoxItem Content="ListBoxItem 2" />
					<ListBoxItem Content="ListBoxItem 3" />
					<ListBoxItem Content="ListBoxItem 4" />
					<ListBoxItem Content="ListBoxItem 5" />
					<ListBoxItem Content="ListBoxItem 6" />
				</ListBox>
			</telerik:LayoutControlExpanderGroup>

			<telerik:LayoutControlTabGroup Margin="2">
				<telerik:LayoutControlTabGroupItem Header="Tab 1">
					<telerik:LayoutControlGroup>
						<TextBlock Text="TextBlock" Padding="5" Margin="2" Foreground="Black" Background="LightGray" TextAlignment="Center" VerticalAlignment="Stretch" />
						<TextBlock Text="TextBlock" Padding="5" Margin="2" Foreground="Black" Background="LightGray" TextAlignment="Center" VerticalAlignment="Stretch" />
					</telerik:LayoutControlGroup>
				</telerik:LayoutControlTabGroupItem>
				<telerik:LayoutControlTabGroupItem Header="Tab 2" />
			</telerik:LayoutControlTabGroup>
		</telerik:LayoutControlGroup>

		<telerik:LayoutControlGroup Orientation="Vertical" HorizontalAlignment="Right">
			<Button Content="Button 1" Padding="10 20 10 20" Margin="2" VerticalAlignment="Top" />
			<Button Content="Button 2" Padding="10 20 10 20" Margin="2" VerticalAlignment="Bottom" />
		</telerik:LayoutControlGroup>

		<ToggleButton Content="ToggleButton" Padding="5 0 5 0" HorizontalAlignment="Right" Margin="2" />
	</telerik:RadLayoutControl>
```

--------------------------------

### RadChart XAML Declaration

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radchart/styles-and-templates/styling-the-axes/styling-and-appearance-styling-axis-line.md

Defines the basic structure of a RadChart with data series and a legend. This serves as the initial setup for the styling example.

```XAML
    <telerik:RadChart x:Name="RadChart1">
        <telerik:RadChart.DefaultView>
            <telerik:ChartDefaultView>
                <telerik:ChartDefaultView.ChartArea>
                    <telerik:ChartArea x:Name="Area" LegendName="legend">
                        <telerik:ChartArea.DataSeries >
                            <telerik:DataSeries LegendLabel="Series1" >
                                <telerik:DataPoint XCategory="Jan" YValue="100"/>
                                <telerik:DataPoint XCategory="Feb" YValue="10"/>
                                <telerik:DataPoint XCategory="Mar" YValue="40"/>
                                <telerik:DataPoint XCategory="Apr" YValue="89"/>
                            </telerik:DataSeries>
                            <telerik:DataSeries LegendLabel="Series2">
                                <telerik:DataPoint XCategory="Jan" YValue="70"/>
                                <telerik:DataPoint XCategory="Feb" YValue="31"/>
                                <telerik:DataPoint XCategory="Mar" YValue="67"/>
                                <telerik:DataPoint XCategory="Apr" YValue="54"/>
                            </telerik:DataSeries>
                        </telerik:ChartArea.DataSeries>
                    </telerik:ChartArea>
                </telerik:ChartDefaultView.ChartArea>
                <telerik:ChartDefaultView.ChartLegend>
                    <telerik:ChartLegend x:Name="legend"/>
                </telerik:ChartDefaultView.ChartLegend>
            </telerik:ChartDefaultView>
        </telerik:RadChart.DefaultView>
    </telerik:RadChart>
```

--------------------------------

### FlowChartShapes in RadDiagram

Source: https://github.com/telerik/xaml-docs/blob/master/controls/raddiagram/diagram-items/shape/raddiagrams-features-shapes-predefined-shapes.md

Use the FlowChartShape definition with the ShapeType property to render predefined flowchart shapes in RadDiagram. This example shows the Start shape.

```XAML
	<telerik:RadDiagramShape Geometry="{telerik:FlowChartShape ShapeType=StartShape}"  />
```

--------------------------------

### Initialize RadWebCam with Device, Format, and Audio Input

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radwebcam/features/start-camera-manually.md

Initialize the camera with a specific video device, video format, and an audio recording device. Passing null for the recording device will disable audio.

```C#
			ReadOnlyCollection<MediaFoundationDeviceInfo> videoDevices = RadWebCam.GetVideoCaptureDevices();            
			ReadOnlyCollection<MediaFoundationVideoFormatInfo> videoFormats = RadWebCam.GetVideoFormats(videoDevices[0]);
			ReadOnlyCollection<MediaFoundationDeviceInfo> recordingDevices = RadWebCam.GetAudioCaptureDevices();
			this.radWebCam.Initialize(videoDevices[0], videoFormats[0], recordingDevices[0]);
			this.radWebCam.Start();
```

--------------------------------

### Modified template of the SettingsPaneView

Source: https://github.com/telerik/xaml-docs/blob/master/controls/raddiagram/extensions/settingspane/settingspaneview_properties.md

Provides a starting point for customizing the SettingsPaneView template, including adding a custom RadTabItem. This example is a ResourceDictionary snippet.

```XAML
	<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

```

--------------------------------

### Declarative RadarAreaSeries Definition

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radchartview/series/polarchart-series/area-series/radarareaseries.md

Define a RadarAreaSeries declaratively in XAML. This example shows a basic setup with categorical axes and sample data points.

```XAML
    <telerik:RadPolarChart Palette="Windows8">
        <telerik:RadPolarChart.PolarAxis>
            <telerik:PolarAxis />
        </telerik:RadPolarChart.PolarAxis>
        <telerik:RadPolarChart.RadialAxis>
            <telerik:CategoricalRadialAxis />
        </telerik:RadPolarChart.RadialAxis>
        <telerik:RadPolarChart.Series>
            <telerik:RadarAreaSeries>
                <telerik:RadarAreaSeries.DataPoints>
                    <telerik:CategoricalDataPoint Category="A" Value="4" />
                    <telerik:CategoricalDataPoint Category="B" Value="4" />
                    <telerik:CategoricalDataPoint Category="C" Value="4" />
                    <telerik:CategoricalDataPoint Category="D" Value="4" />
                    <telerik:CategoricalDataPoint Category="E" Value="4" />
                    <telerik:CategoricalDataPoint Category="F" Value="4" />
                    <telerik:CategoricalDataPoint Category="G" Value="4" />
                    <telerik:CategoricalDataPoint Category="H" Value="4" />
                    <telerik:CategoricalDataPoint Category="J" Value="4" />
                    <telerik:CategoricalDataPoint Category="K" Value="4" />
                    <telerik:CategoricalDataPoint Category="L" Value="4" />
                    <telerik:CategoricalDataPoint Category="M" Value="4" />
                </telerik:RadarAreaSeries.DataPoints>
            </telerik:RadarAreaSeries>
        </telerik:RadPolarChart.Series>
    </telerik:RadPolarChart>
```

--------------------------------

### Generate Sample Product Data (C#)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radpivotgrid/getting-started/getting-started.md

Provides a C# method to generate a list of Product objects for use with RadPivotGrid. This data includes product name, date, price, and quantity.

```csharp
private static IList<Product> GeneratePivotData()
    {
        var PivotData = new List<Product>()
        {
            new Product() { Name = "Notebook", Date = new DateTime(2012,8,1,0,0,0), Price = 22.42, Quantity = 99},
            new Product() { Name = "Notebook", Date = new DateTime(2012,9,1,0,0,0), Price = 22.56, Quantity = 111},
            new Product() { Name = "Notebook", Date = new DateTime(2012,10,1,0,0,0), Price = 22.18, Quantity = 102 },
            new Product() { Name = "Notebook", Date = new DateTime(2012,11,1,0,0,0), Price = 22.93, Quantity = 105 },
            new Product() { Name = "Notebook", Date = new DateTime(2012,12,1,0,0,0), Price = 22.89, Quantity = 122 },
        };

        return PivotData;
    }
```

--------------------------------

### Sample Item Class and MainWindow Initialization (VB.NET)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radpanelbar/howto/object-data.md

Defines a SampleItem class with Text and Items properties, and initializes the MainWindow by creating an ObservableCollection of SampleItem objects and setting it as the DataContext. This sets up the data source for the RadPanelBar.

```VB.NET
	Public Class SampleItem
		Inherits ViewModelBase

		Private _text As String
		Private _items As ObservableCollection(Of SampleItem)

		Public Property Text() As String
			Get
				Return Me._text
			End Get

			Set(ByVal value As String)
				If Me._text <> value Then
					Me._text = value
					Me.OnPropertyChanged("Text")
				End If
			End Set
		End Property

		Public Property Items() As ObservableCollection(Of SampleItem)
			Get
				Return Me._items
			End Get

			Set(ByVal value As ObservableCollection(Of SampleItem))
				If Me._items IsNot value Then
					Me._items = value
					Me.OnPropertyChanged("Items")
				End If
			End Set
		End Property
	End Class

	Partial Public Class MainWindow
	Inherits Window

		Public Sub New()
			InitializeComponent()

			Dim source = New ObservableCollection(Of SampleItem)()
			For i As Integer = 1 To 3
				Dim secondLevelItems = New ObservableCollection(Of SampleItem)() From {
					New SampleItem() With {.Text = "Second level " & i}
				}
				source.Add(New SampleItem() With {
					.Text = "First level " & i,
					.Items = secondLevelItems
				})
			Next i

			Me.DataContext = source
		End Sub
	End Class
```

--------------------------------

### Setting Start and End Width for Bar Indicator

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radgauge/features/indicators/bar-indicators-basics.md

Control the thickness of the bar indicator at its start and end points using the StartWidth and EndWidth properties. These values are relative to the scale's cell size. This example shows a LinearBar indicator with varying widths.

```XAML
	<telerik:RadVerticalLinearGauge telerik:StyleManager.Theme="Windows8">
	    <telerik:VerticalLinearScale Min="0" Max="200" >
	        <telerik:VerticalLinearScale.Indicators>
	            <telerik:BarIndicator Value="200" 
	                                  StartWidth="0.01"
	                                  EndWidth="0.1"
	                                  telerik:ScaleObject.Location="OverOutside"/>
	        </telerik:VerticalLinearScale.Indicators>
	    </telerik:VerticalLinearScale>
	</telerik:RadVerticalLinearGauge>
```

--------------------------------

### RadListBox ViewModel Setup

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radganttview/features/drag-and-drop/dragdrop-radlistbox.md

The ViewModel for RadListBox should expose an ObservableCollection of Project objects. Ensure the Project class has properties like Name, Start, and End.

```C#
public class ViewModel : ViewModelBase
{
    private ObservableCollection<Project> projects;

    public ViewModel()
    {
        this.projects = this.GetProjects();
    }

    public ObservableCollection<Project> Projects
    {
        get
        {
            return this.projects;
        }

        set
        {
            this.projects = value;
            this.OnPropertyChanged(() => this.Projects);
        }
    }

    private ObservableCollection<Project> GetProjects()
    {
        var projects = new ObservableCollection<Project>();
        projects.Add(new Project { Name = "Project 1", Start = DateTime.Today, End = DateTime.Today.AddDays(2) });
        projects.Add(new Project { Name = "Project 2", Start = DateTime.Today.AddDays(2), End = DateTime.Today.AddDays(4) });
        return projects;
    }
}
```

--------------------------------

### Create ViewModel with QueryableDataServiceCollectionView (C#)

Source: https://github.com/telerik/xaml-docs/blob/master/controls/raddataservicedatasource/mvvm.md

Demonstrates how to initialize a ViewModel using QueryableDataServiceCollectionView<T>, setting up the DataServiceContext and DataServiceQuery. Ensure AutoLoad is set appropriately for your needs.

```C#
public class MainViewModel : ViewModelBase
    {
        private MyNorthwindContext ordersContext;
        private DataServiceQuery<Order> ordersQuery;
		private QueryableDataServiceCollectionView<Order> ordersView;

		public MainViewModel()
		{
			this.ordersContext = new MyNorthwindContext();
			this.ordersQuery = ordersContext.Orders;
			this.ordersView = new QueryableDataServiceCollectionView<Order>(this.ordersContext, this.ordersQuery);
			this.ordersView.AutoLoad = true;
		}

        public QueryableDataServiceCollectionView<Order> OrdersView
		{
            get { return this.ordersView; }
            set 
			{
				if (this.ordersView != value)
				{
					this.ordersView = value;
					this.OnPropertyChanged("OrdersView");
				}
			}
        }
    }
```

--------------------------------

### Create Sample Data for RadPivotGrid

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radpivotgrid/getting-started/getting-started.md

This code defines a function that generates a list of sample product data, which can be used to populate the RadPivotGrid. It includes properties like Name, Date, Price, and Quantity.

```vbnet
Function CreateSampleData() As IEnumerable(Of Product)
	Dim PivotData As New List(Of Product)()
	
	PivotData.Add(New Product() With {
	 .Name = "Notebook",
	 .[Date] = New DateTime(2012, 7, 1, 0, 0, 0),
	 .Price = 22.88,
	 .Quantity = 88
	})
	
	PivotData.Add(New Product() With {
	 .Name = "Notebook",
	 .[Date] = New DateTime(2012, 8, 1, 0, 0, 0),
	 .Price = 22.42,
	 .Quantity = 99
	})
	
	PivotData.Add(New Product() With {
	 .Name = "Notebook",
	 .[Date] = New DateTime(2012, 9, 1, 0, 0, 0),
	 .Price = 22.56,
	 .Quantity = 111
	})
	
	PivotData.Add(New Product() With {
	 .Name = "Notebook",
	 .[Date] = New DateTime(2012, 10, 1, 0, 0, 0),
	 .Price = 22.18,
	 .Quantity = 102
	})
	
	PivotData.Add(New Product() With {
	 .Name = "Notebook",
	 .[Date] = New DateTime(2012, 11, 1, 0, 0, 0),
	 .Price = 22.93,
	 .Quantity = 105
	})
	
	PivotData.Add(New Product() With {
	 .Name = "Notebook",
	 .[Date] = New DateTime(2012, 12, 1, 0, 0, 0),
	 .Price = 22.89,
	 .Quantity = 122
	})
	
	Return PivotData
End Function
```

--------------------------------

### Configure Indicator to Use Range Color

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radgauge/features/indicators/basics.md

Set `UseRangeColor` to `True` on the indicator and `IndicatorBackground` on each `GaugeRange` to achieve this effect. This example demonstrates the setup for a `RadVerticalLinearGauge`.

```XAML
	<telerik:RadVerticalLinearGauge telerik:StyleManager.Theme="Windows8">
	    <telerik:VerticalLinearScale Min="0" Max="32"
	                    IsInteractive="True"
	                    RangeLocation="OverCenter">
	        <telerik:VerticalLinearScale.Ranges>
	            <telerik:GaugeRange Background="#F5E7B3"
	                            Min="0"
	                            Max="8"
	                            IndicatorBackground="#F5E7B3"/>
	            <telerik:GaugeRange Background="#acd47b"
	                            Min="8"
	                            Max="20"
	                            IndicatorBackground="#acd47b" />
	            <telerik:GaugeRange Background="#ad95c9"
	                            Min="20"
	                            Max="32"
	                            IndicatorBackground="#ad95c9" />
	        </telerik:VerticalLinearScale.Ranges>
	        <telerik:VerticalLinearScale.Indicators>
	            <telerik:Marker telerik:ScaleObject.RelativeWidth="0.16*"
	                    telerik:ScaleObject.RelativeHeight="0.03*"
	                    telerik:ScaleObject.Location="Inside"
	                    UseRangeColor="True"/>
	        </telerik:VerticalLinearScale.Indicators>
	    </telerik:VerticalLinearScale>
	</telerik:RadVerticalLinearGauge>
```

--------------------------------

### Add Telerik.Licensing NuGet Package

Source: https://github.com/telerik/xaml-docs/blob/master/getting-started/licensing/installing-license-key.md

Install the `Telerik.Licensing` NuGet package in your project to enable license activation. This package should be added to the project that starts the build or application.

```xml
<PackageReference Include="Telerik.Licensing" Version="1.*" />
```

--------------------------------

### Generate Sample Product Data in C#

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radpivotgrid/getting-started/getting-started.md

Creates a method that generates a list of Product objects with sample data. This data can be used to populate the RadPivotGrid for demonstration or testing purposes.

```csharp
private static IList<Product> GeneratePivotData()
{
    IList<Product> PivotData = new List<Product>()
    {
        new Product() { Name = "Pen", Date = new DateTime(2012,1,1,0,0,0), Price = 10.40, Quantity = 148 },
        new Product() { Name = "Pen", Date = new DateTime(2012,2,1,0,0,0), Price = 10.99, Quantity = 122 },
        new Product() { Name = "Pen", Date = new DateTime(2012,3,1,0,0,0), Price = 11.24, Quantity = 80 },
        new Product() { Name = "Pen", Date = new DateTime(2012,4,1,0,0,0), Price = 11.24, Quantity = 90 },
        new Product() { Name = "Pen", Date = new DateTime(2012,5,1,0,0,0), Price = 11.14, Quantity = 140 },
        new Product() { Name = "Pen", Date = new DateTime(2012,6,1,0,0,0), Price = 10.89, Quantity = 162 },
        new Product() { Name = "Pen", Date = new DateTime(2012,7,1,0,0,0), Price = 10.89, Quantity = 181 },
        new Product() { Name = "Pen", Date = new DateTime(2012,8,1,0,0,0), Price = 10.88, Quantity = 180 },
        new Product() { Name = "Pen", Date = new DateTime(2012,9,1,0,0,0), Price = 11.00, Quantity = 116 },
        new Product() { Name = "Pen", Date = new DateTime(2012,10,1,0,0,0), Price = 10.99, Quantity = 128 },
        new Product() { Name = "Pen", Date = new DateTime(2012,11,1,0,0,0), Price = 10.95, Quantity = 145 },
        new Product() { Name = "Pen", Date = new DateTime(2012,12,1,0,0,0), Price = 10.45, Quantity = 189 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,1,1,0,0,0), Price = 5.22, Quantity = 100 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,2,1,0,0,0), Price = 5.99, Quantity = 85 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,3,1,0,0,0), Price = 6.04, Quantity = 80 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,4,1,0,0,0), Price = 6.28, Quantity = 72 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,5,1,0,0,0), Price = 6.12, Quantity = 99 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,6,1,0,0,0), Price = 6.59, Quantity = 40 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,7,1,0,0,0), Price = 6.29, Quantity = 68 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,8,1,0,0,0), Price = 5.99, Quantity = 95 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,9,1,0,0,0), Price = 5.89, Quantity = 120 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,10,1,0,0,0), Price = 5.99, Quantity = 105 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,11,1,0,0,0), Price = 5.96, Quantity = 111 },
        new Product() { Name = "Pencil", Date = new DateTime(2012,12,1,0,0,0), Price = 5.99, Quantity = 108 },
        new Product() { Name = "Notebook", Date = new DateTime(2012,1,1,0,0,0), Price = 22.86, Quantity = 88 },
        new Product() { Name = "Notebook", Date = new DateTime(2012,2,1,0,0,0), Price = 23.02, Quantity = 95},
        new Product() { Name = "Notebook", Date = new DateTime(2012,3,1,0,0,0), Price = 23.22, Quantity = 102 },
        new Product() { Name = "Notebook", Date = new DateTime(2012,4,1,0,0,0), Price = 21.99, Quantity = 95},
        new Product() { Name = "Notebook", Date = new DateTime(2012,5,1,0,0,0), Price = 22.45, Quantity = 84},
        new Product() { Name = "Notebook", Date = new DateTime(2012,6,1,0,0,0), Price = 22.56, Quantity = 96 },
        new Product() { Name = "Notebook", Date = new DateTime(2012,7,1,0,0,0), Price = 22.88, Quantity = 88}
    };
    return PivotData;
}
```

--------------------------------

### Usage Example: Populate RadTreeListView

Source: https://github.com/telerik/xaml-docs/blob/master/knowledge-base/kb-treelistview-convert-flat-data-to-hierarchical-data.md

Demonstrates how to create a sample flat data source, convert it to a hierarchical structure, and then assign it as the ItemsSource for a RadTreeListView control.

```csharp
var originalData = new List<DataItem>();
originalData.Add(new DataItem() { Text = "Item 1", Id = 1, ParentId = null });
originalData.Add(new DataItem() { Text = "Item 2", Id = 2, ParentId = null });
originalData.Add(new DataItem() { Text = "Item 3", Id = 3, ParentId = null });
originalData.Add(new DataItem() { Text = "Item 1.1", Id = 4, ParentId = 1 });
originalData.Add(new DataItem() { Text = "Item 1.2", Id = 5, ParentId = 1 });
originalData.Add(new DataItem() { Text = "Item 2.1", Id = 6, ParentId = 2 });
originalData.Add(new DataItem() { Text = "Item 2.2", Id = 7, ParentId = 2 });
originalData.Add(new DataItem() { Text = "Item 3.1", Id = 8, ParentId = 3 });
originalData.Add(new DataItem() { Text = "Item 1.1.1", Id = 9, ParentId = 4 });
originalData.Add(new DataItem() { Text = "Item 3.1.1", Id = 10, ParentId = 8 });

ObservableCollection<HierarchicalDataItem> convertedCollection = ConvertFlatCollectionToHierarchy(originalData);

this.treeListView.ItemsSource = convertedCollection;
```

--------------------------------

### Define RadWindow as a UserControl

Source: https://github.com/telerik/xaml-docs/blob/master/controls/radwindow/how-to/change-the-default-theme.md

Example of defining a RadWindow as a custom UserControl in XAML. This setup requires an additional implicit style to ensure the window displays correctly.

```XAML
<telerik:RadWindow x:Class="RadWindowSamples.RadWindowControl"
   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">
</telerik:RadWindow>
```