View Reports in WPF Viewer | ActiveReports 14 .NET Edition

On the Visual Studio File menu, click New > Project.
In the New Project dialog that appears, select WPF Application in the list of templates.
Specify the name and location of the project and then сlick the OK button.
In the Visual Studio Solution Explorer, right-click YourProject and select Add, then New Item.
In the Add New Item dialog that appears, select the ActiveReports 14 Page Report and create the rptSingleLayout report as described in the Single Layout Reports walkthrough.

In Solution Explorer, open MainWindow.xaml.
From the Toolbox ActiveReports 14 tab, drag the Viewer control and drop it on the design view of MainWindow.xaml.

Note: Dragging the Viewer control to the design view of MainWindow.xaml automatically adds the corresponding reference to the licenses.licx file.

In the Properties window, set the properties of the Viewer control as follows.

Property Name	Property Value
HorizontalAlignment	Stretch
VerticalAlignment	Stretch
Margin	0

In the Properties window, rename the Viewer control to viewer1.

In the Solution Explorer, select the rptSingleLayout report you have created.
In the Properties window, set Copy to Output Directory to Copy Always.

Note: If Page/RDL report is selected from dropdown of Source property (containing relative path), 'Copy to Output Directory' for selected report should be set as 'Copy always/Copy if newer' otherwise error "Could not find file ... " appears on loading WPF Viewer.

Caution: In WPF Viewer control, previewing code-based Section reports using Source and SourceFormat properties is not supported.
On MainWindow.xaml, with the viewer selected, go to the Properties window and double click the Loaded event.

In the MainWindow code view that appears, add code like the following to the viewer1_loaded event to bind the report to the viewer. This code shows an .rdlx report being loaded, but you can use an .rpx report as well.

Visual Basic.NET code. Paste INSIDE the viewer1_Loaded event in MainWindow.xaml.vb.	Copy Code
Viewer1.LoadDocument("rptSingleLayout.rdlx")

C# code. Paste INSIDE the viewer1_Loaded event in MainWindow.xaml.cs.	Copy Code
viewer1.LoadDocument("rptSingleLayout.rdlx");

Note:

Refer to the LoadDocument method to see other ways to load a report in WPF Viewer.
We can set report for WPFViewer directly on XAML file and load the report in WPF Viewer using Source and SourceFormat properties.
To avoid evaluation banners appearing at run time, license your ActiveReports WPF Application project. You can find information on licensing in License Your ActiveReports.

Press F5 to run the project. The WPF Viewer displaying a report appears.

The ActiveReports WPF Viewer is a customizable control. You can easily change the look of the WPF Viewer and its elements, such as the error panel, search panel, sidebar and toolbar by modifying properties in the default WPF Viewer template (DefaultWPFiewerTemplates.xaml).

Customized ActiveReports WPF Viewer

Open your WPF project.
In Solution Explorer, select the YourProjectName node.
On the Visual Studio Project menu, click Add Existing Item.
In the dialog that appears, locate and select DefaultWPFViewerTemplates.xaml and click OK. You can find DefaultWPFViewerTemplates.xaml at [systemdrive]\Program Files\GrapeCity\ActiveReports 14\Deployment\WPF\Templates folder (on a 64-bit Windows operating system, this file is located in [systemdrive]\Program Files (x86)\GrapeCity\ActiveReports 14\Deployment\WPF\Templates).

On MainWindow.xaml before the opening <Grid> tag, add the following code.

Paste to the XAML view of MainWindow.xaml before the opening <Grid> tag	Copy Code
<Window.Resources> <ResourceDictionary Source="DefaultWPFViewerTemplates.xaml" /> </Window.Resources>

In Solution Explorer, select the YourProjectName node.
On the Visual Studio Project menu, select Add New Item.
In the Add New Item dialog that appears, select Class, rename it to MyCommand and click Add.

In the MyCommand.cs/vb that opens, add the following code to implement a command.

Visual Basic.NET code. Add to MyCommand.vb	Copy Code
Implements ICommand Public Function CanExecute(ByVal parameter As Object) As Boolean Implements System.Windows.Input.ICommand.CanExecute Return True End Function Public Event CanExecuteChanged(ByVal sender As Object, ByVal e As System.EventArgs) Implements System.Windows.Input.ICommand.CanExecuteChanged Public Sub Execute(ByVal parameter As Object) Implements System.Windows.Input.ICommand.Execute MessageBox.Show("GrapeCity is the world's largest component vendor.", "About Us", MessageBoxButton.OK) End Sub

Visual Basic.NET code. Add to MyCommand.vb

Copy Code

Implements ICommand 
Public Function CanExecute(ByVal parameter As Object) As Boolean Implements System.Windows.Input.ICommand.CanExecute 
    Return True 
End Function

Public Event CanExecuteChanged(ByVal sender As Object, ByVal e As System.EventArgs) Implements System.Windows.Input.ICommand.CanExecuteChanged 


Public Sub Execute(ByVal parameter As Object) Implements System.Windows.Input.ICommand.Execute 
    MessageBox.Show("GrapeCity is the world's largest component vendor.", "About Us", MessageBoxButton.OK) 
End Sub

C# code. Add after the statement using System.Text;	Copy Code
using System.Windows.Input; using System.Windows;

C# code. Add to MyCommand.cs	Copy Code
public class MyCommand : ICommand { public bool CanExecute(object parameter) { return true; } public void Execute(object parameter) { MessageBox.Show("GrapeCity is the world's largest component vendor.", "About Us", MessageBoxButton.OK); } public event EventHandler CanExecuteChanged; }

C# code. Add to MyCommand.cs

Copy Code

public class MyCommand : ICommand
    {
        public bool CanExecute(object parameter)
        {
            return true;
        }

        public void Execute(object parameter)
        {
            MessageBox.Show("GrapeCity is the world's largest component vendor.", "About Us", MessageBoxButton.OK);
        }

        public event EventHandler CanExecuteChanged;
    }

In Solution Explorer, double-click DefaultWpfViewerTemplates.xaml.

In the file that opens, add the following code.

XML code. Add to DefaultWpfViewerTemplates.xaml	Copy Code
<ResourceDictionary> ... xmlns:YourProjectName="clr-namespace:YourProjectName"> <YourProjectName:MyCommand x:Key="MyCommand" /> ... </ResourceDictionary>

Adding code to DefaultWpfViewerTemplates.xaml file

In the same file, add the following code to add a button.

XML code. Add to DefaultWpfViewerTemplates.xaml before the closing Toolbar tag	Copy Code
<Button Command="{StaticResource MyCommand}" Content="About Us" />

Adding code to DefaultWpfViewerTemplates.xaml file

Press F5 to see the new customized button About Us in the Viewer toolbar.

In Solution Explorer, double-click DefaultWpfViewerTemplates.xaml.
In the file that opens, search for "".

Replace the existing content in Visiblity="..." with the following.

XML code. Add to DefaultWpfViewerTemplates.xaml	Copy Code
<Button Command=... Visibility="Collapsed">