Hi,

I've created the REST reporting service and that is running. I'm trying to add Web Report Designer to Blazor WASM project but running into errors I can't solve.

https://docs.telerik.com/reporting/designing-reports/report-designer-tools/web-report-designer/how-to-set-up-in-blazor-application#adding-the-blazor-web-report-designer-component

Is there a demo Blazor WASM project that implements the Web Report Designer?

Thanks

Rob

Hi All,

I am using the telerik reporting trial version in blazor. On the development machine everything works fine and report display.

But when i deploy to iis for testing, the report does not show.

Attached is an error from the console.

Kindly help.

Thank you

Hi to all,

I have an ASP .Net API ( NOT .NET Core ) web app and I want to connect to my database in web report designer through SQL Data Source in Report interface. My UI is ReactJS.

It works everything, I can save/load reports but I cannot add a valid SQL Data Source.

When I click SQL Data Source it gives me an error:

Error

I tried to add a connection string in my Web.Config file 

But it doesn't work.

My code is 

  public class ReportDesignerController : ReportDesignerControllerBase
    {
        static ReportServiceConfiguration configurationInstance;
        static ReportDesignerServiceConfiguration designerConfigurationInstance;
        static ReportDesignerController()
        {
            //This is the folder that contains the report definitions
            //In this case this is the Reports folder
            var appPath = HttpContext.Current.Server.MapPath("~/");
            var reportsPath = Path.Combine(appPath, "Reports");
            //Add report source resolver for trdx/trdp report definitions,
            //then add resolver for class report definitions as fallback resolver;
            //finally create the resolver and use it in the ReportServiceConfiguration instance.
            var resolver = new UriReportSourceResolver(reportsPath);
            //Setup the ReportServiceConfiguration
            configurationInstance = new ReportServiceConfiguration
            {
                HostAppId = "Html5App",
                Storage = new FileStorage(),
                ReportSourceResolver = resolver,
                ReportSharingTimeout = 1000,
                ClientSessionTimeout = 20,
            };
            designerConfigurationInstance = new ReportDesignerServiceConfiguration
            {
                DefinitionStorage = new FileDefinitionStorage(reportsPath),
                SettingsStorage = new FileSettingsStorage(Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.ApplicationData), "Telerik Reporting"))
            };
        }
        public ReportDesignerController()
        {
            //Initialize the service configuration
            this.ReportServiceConfiguration = configurationInstance;
            this.ReportDesignerServiceConfiguration = designerConfigurationInstance;
             
        }
    }

I have a report designed for a continuous roll printer using a 4 inch wide paper roll.  The report is 6 inches "wide", but is printed LANDSCAPE, so the axis are flipped, meaning the printed "width" ends up as 4 inches (good) and the printed "height" is 6 inches on the continuous axis.  So far so good, Telerik renders the report and it prints, HOWEVER; I want a page footer section that prints some information at the "bottom" of the label.  When in continuous roll mode Telerik is not honoring the page footer and instead prints this immediately after the detail like a group footer, however; there is no reason why it should not honor this because the report is LANDSCAPE so even on continuous roll paper the footer can be measured against the fixed 4in "width" of the label.  I have attached an image showing what Telerik is doing and what the expected output is.

This appears to me to be a bug in Telerik reporting.

The expected behavior is that the page footer would work normally if the report is landscape because in this case the fixed label width is actually the "height" (4in) of the report and the variable/continuous axis is the "width" (6in).

Any suggestions?

- Albert Boettger

When we try to process a report from a .NET 6 application, there is an exception
 "BinaryFormatter serialization and deserialization are disabled within this application. See https://aka.ms/binaryformatter for more information."
Version used: Telerik R1 2023 SP1

On Telerik forums, there is a workaround to suppress this error, see below:
https://www.telerik.com/forums/aspnetcore-5-support
https://docs.telerik.com/reporting/knowledge-base/binaryformatter-exception-after-upgrade-to-net5
However, based on this post the BinaryFormatter is necessary for serialization and not having it will cause issues with image generation.
Please advise if there is a way to generate reports with images from a .NET 6 app without using EnableUnsafeBinaryFormatterSerialization.

Hi,

https://www.telerik.com/blogs/telerik-reporting-modern-ui-report-viewer-demo

I have followed the steps in this example and created a Reporting rest service and added the report viewer to my Blazor app. The rest service is running and I can display a report in the viewer.

I'm struggling though to retrieve the list of reports for the drop down list.  Should the rest service provide a list of files available from the endpoint "files" ?

ReportList = await HttpClient.GetFromJsonAsync<List<string>>("/api/files");

I'm currenly get a 404 error in the on intialazied  method.

Thanks

Rob

Good morning.

I wanted to address an issue we're running into while trying to post a .Net Core / Angular app with a folder of standalone reports. For some unknown reason these will work fine on my machine, I have a couple dozen built from the Telerik Reporting standalone designer, but it won't work on an Azure VM.

The need to set up an Azure VM occurred to me when I realized that I couldn't update a SQL connection for a report unless the connection returns as valid, which in this case it's a private SQL resource so they set us up with a VM to momentarily upload the reports and edit them from the same internal domain as the SQL server. The problem I'm running into now is that we get the following error, seemingly unconditoinally, from the Azure VM environment:

Connection unsuccessful. Check the connection string and try again. Details: Expecting a non-empty string for 'providerInvariantName' parameter.

That error comes back even if we add providerInvariantName to the string. Something else is clearly going on, I don't exactly know what but it seems like it's an environment issue with the Azure VM if no changes to the sql string either cause a different error or succeed.

What I'd like to ask for is more insight into what kinds of things can cause this error so we understand the problem space a bit better. Please let us know your thoughts on what we need to look at in order to troubleshoot this.

Hi,

I have found 2 or 3 error messages that get rendered with an escaped HTML tag.

I have just:

• updated my ASP.NET Core API application to .Net 7
• updated Telerik Reporting packages to 18.0.24.130
• removed a custom ExceptionFilterAttribute that was blocking the ReportsExceptionFilter on the ReportsControllerBase

The client web-app has:

• jQuery: v3.5.1
  
• Kendo UI: v2022.3.1109
  

Paying attention to the report viewer error handling while testing the changes I noticed that the "<br />" HTML tag is evident in the displayed message. HTML content:

<div class="trv-error-message" tabindex="0">Client with ID '430e860227a' not found. Expired.&lt;br /&gt;Click 'Refresh' to restore client session.</div>

The app logs:

INF | Executing ObjectResult, writing value of type 'Telerik.Reporting.Services.Engine.HttpError'.
INF | Request finished HTTP/2 GET https://localhost/reporting/api/reports/clients/430e860227a/instances/495856f7d27/documents/0ea84cac86d5cc092af7e9/pages/4 - - - 410 143 application/json;+charset=utf-8 24.0922ms

So, now the Telerik.Reporting.Services.Engine.HttpError object is returned to the client with a more appropriate status code (as opposed to previously where my filter would return a 500 reponse with a generic error message).

410 response content for the above:

{
	"message": "",
	"exceptionMessage": "Client with ID '430e860227a' not found. Expired.",
	"exceptionType": "InvalidClientException",
	"stackTrace": null
}

So it would appear that the report viewer is appending "<br />Click 'Refresh' to restore client session." to the "exceptionMessage" value, then escaping HTML content.

Additionally, the browser console shows the following error when the viewer error occurrs:

Uncaught (in promise) TypeError: de is undefined
    N 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    telerikReportViewer 		https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    promise callback*se 		https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    K 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    promise callback*jt 		https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    beginLoad 				https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    $e 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    refreshReportCore 			https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    previewReport 			https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    R 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:13
    kr 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:13
    jQuery 8
    kr 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:13
    $.fn[t.name]/< 			https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    k 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:9
    t.name 				https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    bind 				https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    k 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:9
    bind 				https://localhost/reporting/api/reports/resources/js/telerikReportViewer:10
    _ 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    Y 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    promise callback*fn/Z/</< 		https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    promise callback*fn	/Z/< 		https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    promise callback*Z 			https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    fn 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    telerikReportViewer 		https://localhost/reporting/api/reports/resources/js/telerikReportViewer:15
    k 					https://localhost/reporting/api/reports/resources/js/telerikReportViewer:9
telerikReportViewer:10:21156

It is similar for this example:

<div class="trv-error-message" tabindex="0">Error creating report instance (Report = 'App\MyReport.trdp'). Client with ID '801c66e95b6' not found. Expired.&lt;br /&gt;Click 'Refresh' to restore client session.</div>

Hi Telerik team,

We are BNF Technology .INC company. We are very interesting in your Reporting tool[Report Designer + Report Viewer] solution for our web application(Angular).

Currently, we doing some POCs to check possibility to integrate your Report solution into our product.

We have our own specific(customize) requirements from our different customer. We want to make our own customization Report Viewer/Editor described as below:

1.With Designer:

- Can we customize UI items like menu, context menu, icon, show/hide allowed data components in component list etc..

- Can we add our own component(mainly its angular components) to drag-drop into Report area? Mainly we are using high-chart for chart  functionality. We had created Line,Pie,Guage chart etc in out project. We need to that component into Report area.

- Can we add our own data source type (not MySQL,... in your list)? We want make BNF source and put in data source list and allow user to select it and config data from that source to use in data components.

2. With Viewer:

- We want to control the data and allow to update report with real-time data (which we prepare in our server)

We also need to know about backend part for reporting tool. Is there any way or solution to use reporting tool without backend required? I.e. is any JS frame work is available or not?

If you have some example(with source code) or API document to do it, please share with us.

We may discuss more through email. Hope get your reply soon and we can go together in future.

Thank you very much.

Hi,

Situation :

We have a list of cheques where a user can select (more that one) and using reportviewer to print it by pressing a print button (please refer to attach image)

Problem :

On first print activitiy, printing is success, but if the user need to re-print or select another cheques from the list and press the print button, an error "Report instance with ID 'null' not found" will occur.

Need some advise to fixed or a workaround.

Thanks in advance.