Embedded
Schedule Free Demo
Try it Free
Search results
Suggest a FeaturePDF

toolbarSettings

Properties

click

string

Fires when user click on toolbar item in the toolbar.

Defaults to empty

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        previewOptions: {
            toolbarSettings:{click: "onToolbarClick"}
        }
    });
</script>

items

enum

Specifies the toolbar items.

Name Description
Print Specifies the Print as value in ToolbarItems to get specified item.
Refresh Specifies the Refresh as value in ToolbarItems to get specified item.
Stop Specifies the Stop as value in ToolbarItems to get specified item.
Zoom Specifies the Zoom as value in ToolbarItems to get specified item.
FittoPage Specifies the FittoPage as value in ToolbarItems to get specified item.
Export Specifies the Export as value in ToolbarItems to get specified item.
PageNavigation Specifies the PageNavigation as value in ToolbarItems to get specified item.
Parameters Specifies the Parameters as value in ToolbarItems to get specified item.
PrintLayout Specifies the PrintLayout as value in ToolbarItems to get specified item.
PageSetup Specifies the PageSetup as value in ToolbarItems to get specified item.

Defaults to ej.ReportViewer.ToolbarItems.All

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        previewOptions: {
             toolbarSettings:{ items: ej.ReportViewer.ToolbarItems.All }
        }
    });
</script>

showToolbar

boolean

Shows or hides the toolbar.

Defaults to true

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        previewOptions: {
            toolbarSettings:{ showToolbar: true }
        }
    });
</script>

showTooltip

boolean

Shows or hides the tooltip of toolbar items.

Defaults to false

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        previewOptions: {
            toolbarSettings:{ showTooltip: true }
        }
    });
</script>

templateId

string

Specifies the toolbar template ID.

Defaults to empty

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        previewOptions: {
            toolbarSettings:{ templateId: "customtoolbarId" }
        }
    });
</script>

customItems

array

Add the custom icon item to the toolbar.

Defaults to empty

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        previewOptions: {
            toolbarSettings:{
                customItems: [{
                            groupIndex: 1,
                            index: 1,
                            itemType: 'Default',
                            cssClass: "e-icon e-mail e-reportviewer-icon CustomItem",
                            tooltip: { header: 'CustomItem', content: 'toolbaritems', value: 'CustomItem' },
                }]
            }
        }
    });
</script>

customGroups

array

Add the custom icon groups to the toolbar.

Defaults to empty

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        previewOptions: {
            toolbarSettings:{
                customGroups: [{
                            items: [{
                                itemType: 'Default',
                                cssClass: "e-icon e-mail e-reportviewer-icon CustomGroup",
                                tooltip: { header: 'CustomGroup', content: 'toolbargroups', value: 'CustomGroup' },
                            },
                            {
                                itemType: 'Default',
                                cssClass: "e-icon e-mail e-reportviewer-icon subCustomGroup",
                                tooltip: { header: 'subCustomGroup', content: 'subtoolbargroups', value: 'subCustomGroup' },
                            }],
                            groupIndex: 3
                }],
            }
        }
    });
</script>