Send Feedback
Skip to content

Publish & Export

This page describes how to publish dashboards, how to install and configure the PDF server, and how to configure file export properties for use on published dashboards.

Once a dashboard is saved and published, anyone with the appropriate permission can view or edit it.

Tip

A screenshot of a dashboard can be taken using the PDF button: Screenshot. See PDF server for more details.

Publish Dashboards

New dashboards are published by checking the box to the right of the Name; to convert a dashboard into draft form, uncheck this selection.

Screenshot

Draft dashboards are prefixed 'Draft' in the Document List. Draft dashboards are not visible in the Viewer.

Draft dashboards show in the Manage dialog with no selection check; click the check to publish the dashboard. The Manage dialog is accessible at the end of the Document List.

Screenshot

Screenshot

To view a dashboard, select a dashboard and click Screenshot. This opens the dashboard Viewer in a new tab.

Enable "Share Dashboard" in the Dashboard menu.

Screenshot

Share Dashboard State

KX Dashboards can be shared to include active states, allowing users to reproduce a view using specific user selections and inputs. This information is stored as part of the shared link.

Screenshot

The share dashboard option also includes a link shortener.

Screenshot

File Export

The following charts and grids have File Export properties which can be used to export data as a CSV, XLS file, or screenshot: - ChartGL - Canvas Charts - Pie Chart - Radar Chart - Treemap - Bipartite Chart - Data Grid - Pivot Grid.

The options available vary depending on the component type. The full set of properties are described in the tables below.

The following screenshots show an example of the File Export properties for a Data Grid, followed by the properties for a ChartGL component.

File Export for Data Grid

File Export for Data Grid

File Export for ChartGL

Property Description
Filename Set a variable to be used as a filename for the exported file, or a View State Parameter which can be linked to a Text Input for user-defined file names.

Screenshot

Screenshot
Show Export CSV Button When enabled, clicking the CSV button exports the displayed values as a CSV file. This can be set for all components that support File Export.
Show Export Excel Button When enabled, clicking the Excel button exports the displayed values as an XLS file. This can be set for all components that support File Export.
CSV Export Delimiter Specify the delimiter to be used in a CSV export. If none is specified a comma is used by default. Only valid for Data Grids.
Full Export Override Only valid for Pivot Grids. Overrides the pivot query dataset with an alternative dataset.
Export with raw format When enabled, the raw format of the data is exported. Only valid for Data Grids and Pivot Grids.
Show Screenshot Button When enabled, clicking the PNG button takes the action set in the Screenshot Button parameter. Not applicable to Pivot Grid or Data Grid components.
Screenshot Button Only valid when Show Screenshot Button is enabled. Sets the action taken when users click the PNG button: Export PNG, Copy to Clipboard, or Export PNG & Copy to Clipboard. When the image is copied to the clipboard a notification is displayed, unless notifications are blocked in the user's browser. Copying to clipboard is not supported in Internet Explorer.
Use Chart Formatting When checked, the formatting used by the chart axes is applied to the exported data. Only applies to the ChartGL component.
Include Row Summary When checked, includes any footers defined in the Data Grid. Footer detail is set in the Column properties and could be used to add a total to a column. Only applies to the Data Grid component.
Show Full Export Button Available for Pivot Grids and Data Grids. Exports the data set, including display and hidden columns, as a zipped Excel file. For Pivot Grids, creates a zip file of breakdown and aggregate columns with complete drill-down details.

Note! Applicable to KX Dashboards on Platform only. This property is not available in KX Dashboards Direct.
Field Description
Actions Outputs details of the file export. fileType — the type of file exported e.g. xlsx, csv, png. fileName — the exported name of the file. dashboardName — name of the dashboard. dashboardId — the ID used in the dashboard. timestamp — the time of the export. isSuccess — whether the export was successful or failed. username — username of the person who exported data. component — the component data being exported. meta* — the meta used by the datasource of the exported data. fileRowLength* — the row length of the datasource used by the exported data.

* not applicable to all components.

PDF Server

Configuration & Installation

  1. Ensure all prerequisites are installed:

    • Node.js v16.20.0+ (use LTS)
  2. Install Puppeteer

    • Run npm install in the /pdf folder.
    • If installation fails, see the troubleshooting section in /pdf/README.md.
  3. Start the PDF server by running pdf.q in the /pdf folder.

  4. Enable the PDF button.

    Update the /www/config.json file and add "PdfUrl": "http://localhost:5011/":

        {
            "NewPdf": true,
            "pushStateBase": "",
            "PdfUrl": "http://localhost:5011/"
        }
    

    The enabled PDF Server adds the PDF icon in the Toolbar menu of KX Dashboards.

    Screenshot

Additional Information:

Dashboard Printable Area - The PDF prints the viewable area. If the Dashboard scrolls off-screen, click Fill Height in Dashboard Properties to make the dashboard view a single page.

Screenshot

Expand Tab Component Content While Publishing - To enable the Tab Control component to expand while creating a PDF, click Expand When Creating Pdf in Tab Control Properties.

Screenshot

PDF Menu:

Screenshot

File Name — Exported PDF file.

Print Filters — When enabled, the PDF includes details of shared view states from the URL.

PDF Width — Select between standard or snapshot current preview (1920px).

Requirements

  • Red Hat 7+
  • Node.js v16.20.0+ (use LTS)

Installation:

Step 1:

  • Ensure all requirements are installed.
  • Navigate to YOUR_INSTALL_DIRECTORY/delta-bin/software/HTML5Dashboards_X_X_X/PdfServer and install dependencies by running npm install.
  • If installation fails, see the troubleshooting section in PdfServer/README.md.

Step 2: Switch the pdf_enabled attribute value of DASHproperties:DEFAULT to TRUE in KX Control, DeltaCore.

Screenshot

Step 3: The enabled PDF Server adds the PDF icon in the Toolbar menu of KX Dashboards.

Screenshot

Step 4: The PDF prints the viewable area. If the Dashboard scrolls off-screen, click Fill Height in Dashboard Properties to make the dashboard view a single page.

Screenshot

Step 5: To enable the Tab Control component to expand while creating a PDF, click Expand When Creating Pdf in Tab Control Properties.

Screenshot

Step 6: To hide a tab while creating a PDF, click Hide Pdf When Creating Pdf in Tab Control Properties.

Screenshot

Documentation

Contact your KX representative for supporting documentation.