Toolbar close button in Report viewer

[rodrigorodrigues]

I was looking on documentation for a button at toolbar to close the report itself, I didn't find!

Code: Select all

var options = new Stimulsoft.Viewer.StiViewerOptions();
        options.height = "100%";
        options.appearance.scrollbarsMode = true;
        options.toolbar.showDesignButton = true;

it was great if we should use like

Code: Select all

options.toolbar.showCloseButton = true;

is there any option to close the Report Viewer or how can I insert this feature?

[peda]

You can close with JS easy

Code: Select all

viewer.jsObject.CloseReport();

[rodrigorodrigues]

Thank you, this is the action to close, how to insert a button in toolbar? Into this button will insert this code, how to make a button appear on toolbar?

[HighAley]

Hello.

You could use next code to add button on the toolbar.

Code: Select all

var userButton = jsStiWebViewer1.SmallButton("userButton", "My Button", "emptyImage"); // (name, captionText, imageName, toolTip, arrow, styleName);
userButton.image.src = "icon.png";
userButton.action = function () { alert("My Button Event"); }

var toolbarTable = jsStiWebViewer1.controls.toolbar.firstChild.firstChild;
var buttonsTable = toolbarTable.rows[0].firstChild.firstChild;
var userButtonCell = buttonsTable.rows[0].insertCell(0);
userButtonCell.className = "stiJsViewerClearAllStyles";
userButtonCell.appendChild(userButton);

Thank you.

[rodrigorodrigues]

You can close with JS easy

Code: Select all

viewer.jsObject.CloseReport();

The button is showing with HighAley code, but the function to close the report didn't work,

Code: Select all

viewer.jsObject.CloseReport()

Code: Select all

userButton.action = function () {
            viewer.jsObject.CloseReport();
        }

error : viewer.jsObject.CloseReport is not a function

The object jsObject exists on viewer instance but CloseReport doesn't exists on jsObject

I need to close the Report Viewer, actually, I think this button should be default

[Alex K.]

Hello,

Please try to use the following code:

Code: Select all

userButton.action = function () {
        //if you want close only report in the viewer, use this code
        this.jsObject.controls.reportPanel.clear();
        this.jsObject.reportParams.pageNumber = 0;
        this.jsObject.reportParams.pagesCount = 0;
        this.jsObject.controls.toolbar.changeToolBarState();

        //if you want close viewer, use this code
        this.jsObject.controls.viewer.parentNode.removeChild(this.jsObject.controls.viewer);

        //if you want go to previews page, use this code
        history.back();
    }

Thank you.

[lampsea12]

How can i add a close button when use angularJS 1.x,
I can't implement jsStiWebViewer1!

[HighAley]

Hello.

Sorry, we don't have special solution for the AngularJS.
Please, try to use the same code.

Thank you.