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