HTML5 Viewer in AngularJS project

4 posts, 0 answers
  1. KS
    KS avatar
    5 posts
    Member since:
    Dec 2012

    Posted 19 Apr Link to this post

    Requirements

    Telerik Product and Version

    Reporting Q1 2016+

    Supported Browsers and Platforms

    .NET4+, AngularJS

    Components/Widgets used (JS frameworks, etc.)

    HTML5 Report Viewer


    PROJECT DESCRIPTION 
    Telerik Reporting HTML5 Viewer can be added in an AngularJS application. The Reporting REST service can be hosted separately in a standard .NET WebApplication. 

    The included script.js contains the logic for creating the viewer object and for updating an already existing viewer's reportSource. The start page is index.html.

  2. Mohamed
    Mohamed avatar
    5 posts
    Member since:
    May 2016

    Posted 11 May in reply to KS Link to this post

    Hi,

    Thank you very much for the sample code. It is working well.

    I added a new .cs report named Questions.cs under Report folder. I am getting error "
    Error from report directive:Unable to get report parameters.<br/>Report 'Reports%2FQuestions.cs' cannot be resolved".

    In the example code it is invoking .trdx files; not .cs files

    Added below code in script.js

    .state("reports.questions", {
              url: "/questions",
              reportSettings: {
                  title: "Questions Report",
                  reportName: "Reports/Questions.cs",
                  reportParams: {}
              },

          })

    Please find the attached, sample code with my changes

  3. Mohamed
    Mohamed avatar
    5 posts
    Member since:
    May 2016

    Posted 12 May in reply to Mohamed Link to this post

    Resolved the above issue by adding the cs file in a library project and giving "Libraryname.classname, Librayname" as report name parameter.
  4. Stef
    Admin
    Stef avatar
    3047 posts

    Posted 13 May Link to this post

    Hi Mohamed,

    This is the correct approach, when you need to display a VS report. For more details, please check How to: Set ReportSource for Report Viewers (HTML5 Viewer).

    Regards,
    Stef
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top