The requested page is not available for the requested platform. You are viewing the content for Default platform.

Create a WPF Viewer for Displaying a Dashboard

  • 2 min to read

This topic describes how to build a simple WPF Viewer application and use it to display the dashboard created in Visual Studio.

Follow the steps below to build a WPF Viewer application.

  1. Run Visual Studio 2012, 2013, 2015, 2017 or 2019 and create a new WPF application.
  2. Drag DashboardControl from the DX.19.1: Data & Analytics Toolbox tab and drop it onto the main form.

    GettingStarted_WpfViewer_Toolbox

    Important

    Note that DashboardControl does not support the .NET Framework 4.0 Client Profile. See How to: Target a Version of the .NET Framework to learn how to target a specific .NET Framework version.

  3. Right-click the control and select Layout | Reset All to allow the DashboardControl to fill the entire window.

    GettingStarted_WpfViewer_ResetLayout

  4. Click the control's smart tag and select the Set Dashboard Source command.

    GettingStarted_WpfViewer_SetDashboardSource

    Select Create new Dashboard in the invoked menu.

    GettingStarted_WpfViewer_SetDashboardSource_Create

  5. Visual Studio displays the designer for the newly created dashboard.

    GettingStarted_WpfViewer_VSDesigner

    Do one of the following to design a dashboard:

  6. Make sure that the DashboardControl.DashboardSource property is specified in the DashboardControl's XAML code:

    <Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:dxdash="http://schemas.devexpress.com/winfx/2008/xaml/dashboard"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        x:Class="WpfApp1.MainWindow"
            mc:Ignorable="d"
            Title="MainWindow" Height="350" Width="525">
        <Grid>
            <dxdash:DashboardControl DashboardSource="{x:Type local:Dashboard1}"/>
        </Grid>
    </Window>
    
  7. Run the application to see the results.

    GettingStarted_WpfViewer_Result

Next Steps