Merge pull request #1218 from syncfusion-content/pdfviewer-dev

Revamped the WPF PdfViewer hosting details page

Author: Vikassekar

WindowsForms/PDF-Viewer/How-To/How-to-make-Winforms-PdfViewer-have-enriched-features-like-WPF-PdfViewer.md

@@ -11,70 +11,52 @@ documentation: ug
 To leverage the advanced features offered by the WPF PdfViewer, such as adding annotations, form filling, signatures, stamps, sticky notes, and more, you can [integrate the WPF PdfViewer into the Windows Forms]( https://support.syncfusion.com/kb/article/7882/how-to-host-pdf-viewer-in-windows-forms-application ) and take advantage of its extensive feature sets.
 
 we can  host a WPF PdfViewer control within a Windows Forms application using an ElementHost. By embedding the WPF PdfViewer, you can access advanced features available in the WPF control while maintaining a Windows Forms interface.
-To host the WPF PdfViewer in the winforms application follow the below steps,
 
-1. Create an UserControl and add the below XAML code to it.
+## Steps to host the WPF PdfViewer in the winforms application
 
-* Add the following Syncfusion® namespace in XAML to make use of the WPF [PdfViewerControl](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html)
+1. Add an WPF UserControl and install the [Syncfusion.PdfViewer.WPF](https://www.nuget.org/packages/Syncfusion.PdfViewer.WPF) NuGet package to your WinForms application.
+
+2. Add the following Syncfusion® namespace in XAML to make use of the WPF [PdfViewerControl.](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html)
 
    ~~~xaml 
    <UserControl
         xmlns:PdfViewerUserControl="clr-namespace:Syncfusion.Windows.PdfViewer;assembly=Syncfusion.PdfViewer.WPF">
    </UserControl>
    ~~~
-* Declare the WPF [PdfViewerControl](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.PdfViewer.PdfViewerControl.html) in the XAML page.
-
-  ~~~xaml
-  <UserControl x:Class="SampleWF.PdfViewer"
-             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
-             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
-             xmlns:local="clr-namespace:SampleWF"
-             xmlns:Syncfusion="http://schemas.syncfusion.com/wpf"
-             mc:Ignorable="d" 
-             xmlns:PdfView="clr-namespace:Syncfusion.Windows.PdfViewer;assembly=Syncfusion.PdfViewer.WPF" 
-             Loaded="UserControl_Loaded"
-             >
 
+3. Add the below code in the XAML page to initialize the WPF PdfViewer.
+
+   ~~~xaml
     <Grid>
         <PdfView:PdfViewerControl  x:Name="pdfViewer"/>
     </Grid>
-</UserControl>
-  ~~~
- * Add the below line of codes in the code behind file.
+   ~~~
+
+4. Load the PDF file into the PdfViewer when the UserControl is loaded in the application
 
 {% tabs %}
 {% highlight c# %}
 
-using System.Windows;
-using System.Windows.Controls;
-
-namespace SampleWF
-{
-    /// <summary>
-    /// Interaction logic for PdfViewer.xaml
-    /// </summary>
-    public partial class PdfViewerUserControl : UserControl
+ /// <summary>
+ /// Interaction logic for PdfViewer.xaml
+ /// </summary>
+ public partial class PdfViewerUserControl : UserControl
+ {
+    public PdfViewer()
     {
-        public PdfViewer()
-        {
-            InitializeComponent();
-        }
+        InitializeComponent();
+    }
 
-        private void UserControl_Loaded(object sender, RoutedEventArgs e)
-        {
-            pdfViewer.Load(@"../../Data/Windows Store Apps Succinctly.pdf");            
-        }
+    private void UserControl_Loaded(object sender, RoutedEventArgs e)
+    {
+        pdfViewer.Load(@"../../Data/Windows Store Apps Succinctly.pdf");            
     }
-}
+ }
 
 {%endhighlight%}
 {% endtabs %}
 
-2. Create an ElementHost object in the Form and add the created UserControl's object as child to the ElementHost object.
-
-To do the above step follow the below procedures
+5. Add a panel to the form. Create an ElementHost object in the Form and add the created UserControl's object as child to the ElementHost object. Add the elementHost as a child to the panel as mentioned below.
 
 {% tabs %}
 {% highlight c# %}
@@ -122,4 +104,4 @@ namespace SampleWF
 {%endhighlight%}
 {% endtabs %}
 
-You can find the sample for you reference [here](https://www.syncfusion.com/downloads/support/directtrac/general/ze/SampleWF920548313)
+You can find the complete sample in the [Github](https://github.com/SyncfusionExamples/WinForms-PDFViewer-Examples/tree/master/How-to/Host-WPFPdfViewer-in-Winforms/HostedPdfViewer) for your reference.