BeWoPlaner/BeWoPlanerMobil/Views/Customer/CustomerReportPartial.cshtml

@model BeWoPlanerMobil.Models.CustomerModel

<script type="text/javascript">
    function customerReportViewerInit(s, e) {
        try {
            s.UpdateLocalization({
                'Page': 'Seite',
                'of': 'von'
            });
        } catch(error) {
            showErrorPopup(error);
        }
    }
</script>

<div class="modal" data-backdrop="static" tabindex="-1" role="dialog" id="customer-report-popup">
    <div class="modal-dialog modal-xl modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">@Model.ReportName</h5>
                <button type="button" class="close" data-dismiss="modal" onclick="closeReport()">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body" id="customer-report-container">
                @if(Model?.Report != null)
                {
                    @Html.DevExpress().WebDocumentViewer(settings =>
                    {
                        settings.Name = "customerReportViewer";
                        settings.Width = Unit.Percentage(100);
                        settings.Height = Unit.Percentage(100);
                        settings.MobileMode = true;
                        settings.SettingsMobile.ReaderMode = true;
                        settings.SettingsMobile.AnimationEnabled = false;
                        settings.ClientSideEvents.Init = "customerReportViewerInit";
                    }).Bind(Model.Report).GetHtml()
                }
            </div>
        </div>
    </div>
</div>