Render Report Page in Dialog modal on same page

[flashyjunior]

I generate a report that opens in a new tab using the below code snippet after the save button is clicked in the dialog, how can i make it render on the same page probably in a modal or something instead of opening in a new browser that gets sometimes get blocked by the browser.

onSaveSuccess(response) {
    super.onSaveSuccess(response);

    notifySuccess('Successful');

    var userdata = getRemoteData('UserData');
    var storeid = toId(userdata["StoreId"]);

    var recordid = toId(response.EntityId);
    if (this.isNew()) {
        ReportHelper.execute({
            reportKey: 'Sales.SalesSlipReport',
            params: {
                TransId: recordid,
                StoreId: storeid
            }
        });
    }
    reloadLookupAsync('Sales.Transaction');

}

[flashyjunior]

Please any assistance will be greatly appreciated

[dniero95]

I can't test the code now but this is the execute function from the framework that you are calling:

export function execute(options: ReportExecuteOptions) {
        var opt = options.getParams ? options.getParams() : options.params;
        postToUrl({
            url: '~/Serenity.Extensions/Report/' + (options.download ? 'Download' : 'Render'),
            params: {
                key: options.reportKey,
                ext: options.extension ?? 'pdf',
                opt: opt ? JSON.stringify(opt) : ''
            },
            target: options.target ?? '_blank'
        });
 }

I would try to set the target option to "_self"

[flashyjunior]

Thanks dniero, its working like mine, but what I want is for it to be able to open the generated report in a modal dialog on the same page, redirecting to blank or self