How to set the Icon in Tabbed Window?
In SfDockingManager user can set the image in Tabbed header, by using its SetIcon method.
The following code demonstrates the same.
Code Example : [Xaml]
<!--Setting icon in Tabbed Window --> <ContentControl x:Name="SolutionExplorer" Layout:SfDockingManager.Header="Solution Explorer" Layout:SfDockingManager.DesiredWidthInDockedMode="300" Layout:SfDockingManager.SideInDockedMode="Right" Layout:SfDockingManager.DockState="Dock" > <Layout:SfDockingManager.Icon> <Image Source="/Assets/image1.png" /> </Layout:SfDockingManager.Icon> </ContentControl> <ContentControl Name="Properties" Layout:SfDockingManager.Header="Properties" Layout:SfDockingManager.DesiredWidthInDockedMode="300" Layout:SfDockingManager.SideInDockedMode="Tabbed" Layout:SfDockingManager.TargetNameInDockedMode="Solution Explorer" > <Layout:SfDockingManager.Icon> <Image Source="/Assets/image2.png" /> </Layout:SfDockingManager.Icon> </ContentControl>
Code Example : [C#]
//Initialize image
Image image = new Image();
Image image1 = new Image();
//Get Image
image.Source = new BitmapImage(new Uri("ms-appx:///Assets/image1.png", UriKind.Absolute));
image1.Source = new BitmapImage(new Uri("ms-appx:///Assets/image2.png", UriKind.Absolute));
//Set Image to Tabbed Window
SfDockingManager.SetIcon(Properties, image);
SfDockingManager.SetIcon(SolutionExplorer, image);
Screenshot

Sample : SfDockingManagerSample