PDFCommandDirective
Represents the export-to-PDF
command of the Scheduler.
You can apply this directive to any button
element inside a
ToolbarTemplate
.
When the user clicks a button that is associated with the directive, the
pdfExport
event
fires (see example).
<kendo-scheduler>
<ng-template kendoSchedulerToolbarTemplate>
<button kendoSchedulerPDFCommand>Export PDF</button>
<div kendoSchedulerToolbarNavigation></div>
<span class="k-spacer"></span>
<div kendoSchedulerToolbarViewSelector></div>
</ng-template>
<kendo-scheduler-pdf fileName="Scheduler.pdf">
</kendo-scheduler-pdf>
</kendo-scheduler>
Selector
[kendoSchedulerPDFCommand]
Fields
Name | Type | Default | Description |
---|---|---|---|
toggleable |
| Provides visual styling that indicates if the Button is active.
By default, | |
disabled |
| If set to | |
fillMode |
| The fillMode property specifies the background and border styles of the Button (see example). The possible values are:
| |
icon |
| Defines the name for an existing icon in a Kendo UI theme.
The icon is rendered inside the Button by a | |
iconClass |
| Defines a CSS class—or multiple classes separated by spaces—
which are applied to a | |
imageUrl |
| Defines a URL which is used for an | |
rounded |
| The rounded property specifies the border radius of the Button (see example). The possible values are:
| |
selected |
| Sets the selected state of the Button. | |
size |
| The size property specifies the padding of the Button (see example). The possible values are:
| |
themeColor |
| The Button allows you to specify predefined theme colors. The theme color will be applied as a background and border color while also amending the text color accordingly (see example). The possible values are:
|
Events
Name | Type | Description |
---|---|---|
click |
| Fires each time the user clicks the button. |
selectedChange |
| Fires each time the selected state of a toggleable button is changed. The event argument is the new selected state (boolean). |
Methods
blur |
---|
Blurs the Button component. |
focus |
---|
Focuses the Button component. |