Skip to main content

Export Button

Support
  • Updated

Provides a global export button on the page. Users can click the button and select the data to be exported.

This control should generally be placed in the page control bar template.

 

Export Button

Referring to the previous image, the user, once the button is clicked, must select the dataset to be exported; in this case there are two widgets that can be exported.

If the export button is present on the page, all widgets will register their exports to it, instead of displaying the built-in export button.

 

Configuration

code_blocksDesign View

In the template editor, you can find the Export Button icon under the Controls component palette group.

 

code_blocksCode View

Template Syntax

Below you can find some examples of how to use the component within a template. 

<div class="d-flex flex-wrap components-row justify-content-end">
    <export-button icon="export" label="Export"></export-button>
</div>

Component Reference

Here is a comprehensive list of all the elements and properties that can be used to configure the component.

Export Button <export-button>
PROPERTIES
CSS Class The name(s) of the CSS class used to customize the widget layout.
Type: STRING | Optional
class="my-custom-class"
Icon The icon displayed inside the export button.
Type: STRING | Optional
icon="fas fa-thermometer"
Label The label displayed inside the export button.
Type: STRING | Optional
label="fooBar"
Visibility Condition The expression that allows you to reduce the visibility of the element.
Type: STRING | Optional
*ngIf="getUser().organizationId != null"

 

Related articles

Comments

0 comments

Please sign in to leave a comment.