Report Executes Fine ... Just Doesn't Render?

[Stephen]

Trying to integrated HTML 5 viewer and REST service into my existing application, but have hit a wall I can't for the life of me work out

 Report (very simple file, just plain text) is being executed as output in the Debug window

DocumentFormat.OpenXml.Packaging.WordprocessingDocument
DocumentFormat.OpenXml.Packaging.PresentationDocument
DocumentFormat.OpenXml.Packaging.SpreadsheetDocument

*** RenderReport #0 STARTED ***
*** RenderReport #0 DONE in 00:00:00.2709344 ***

 All calls to the service are executing successfully as shown in the Fiddler log

POST http://localhost:36584/api/reports/clients
200 OK (application/json)

POST http://localhost:36584/api/reports/clients/112900-47f1/parameters
200 OK (application/json)

POST http://localhost:36584/api/reports/clients/112900-47f1/instances
201 Created (application/json)

POST http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents
202 Accepted (application/json)

GET http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents/112901-c304112901-f7a7/info
202 Accepted (application/json)

GET http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents/112901-c304112901-f7a7/info
202 Accepted (application/json)

GET http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents/112901-c304112901-f7a7/info
200 OK (application/json)

GET http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents/112901-c304112901-f7a7/pages/1
200 OK (application/json)

Output from the main call seems OK 

pageContent=<div><div class="sheet page1" style="padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;width:605px;height:340px;"><div class="layer"><div title="" class="Report2 s0-112901-c304112901-f7a7" style="position:absolute;overflow:hidden;left:0px;top:76px;width:605px;height:189px;"></div><div title="" class="Group s0-112901-c304112901-f7a7" style="position:absolute;overflow:hidden;left:0px;top:76px;width:605px;height:189px;"></div><div title="" class="detailSection1 s1-112901-c304112901-f7a7" style="position:absolute;overflow:hidden;left:0px;top:76px;width:605px;height:189px;"></div><div title="" class="textBox1 s2-112901-c304112901-f7a7" style="position:absolute;overflow:hidden;left:249px;top:151px;width:108px;height:38px;"><div style="position:absolute;top:0px;white-space:pre;left:3px;">THIS IS ONLY A </div><div style="position:absolute;top:15px;white-space:pre;left:3px;">TEST !!!!!!!!!!!</div></div><div title="" class="pageHeaderSection1 s3-112901-c304112901-f7a7" style="position:absolute;overflow:hidden;left:0px;top:0px;width:605px;height:76px;"></div><div title="" class="pageFooterSection1 s4-112901-c304112901-f7a7" style="position:absolute;overflow:hidden;left:0px;top:265px;width:605px;height:75px;"></div><div class="trial">Telerik Reporting v9.1 trial version. Copyright Telerik AD © 2006-2015.<br />To remove this message, please obtain a commercial version from <a href="http://www.telerik.com" target="_blank">www.telerik.com</a></div></div></div></div>

Yet my UI still remains at the default / placeholder text of Loading ...

app.controller("reportViewController", function () {
    $("#reportViewer1")
    .telerik_ReportViewer({
        serviceUrl: '/api/reports/',
        templateUrl: '/ReportViewer/templates/telerikReportViewerTemplate-9.1.15.731.html',
        reportSource: {
            report: 'Report1.trdx',
            parameters: {
                CultureID: "en"
            }
        },
        scaleMode: telerikReportViewer.ScaleModes.FIT_PAGE,
        scale: 1.0
    });
});

<style>
    #reportViewer1 {
        position: absolute;
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        font-family: 'segoe ui', 'ms sans serif';
        overflow: hidden;
    }
</style>

<div id="parent">
    <div id="reportViewer1" class="k-widget">
        LOADING ...
    </div>
</div>

Thanks in advance!

[Stephen]

Bump : any advice or pointers would be welcomed :)

[Stef]

Hello Stephen,

Please test to add the Javascript from the controlled in the HTML page with the rest settings. Let the Javascript be executed on document.ready.
Check also if you have the Telerik Knedo UI, jQuery and FontAwesome scripts loaded on the page as well - HTML5 Viewer Manual Setup.


If the viewer is not loaded with the content returned by the Reporting REST Service, please open a support ticket and send us a demo project illustrating your settings.

Regards,
Stef
Telerik