I can load the report viewer in react following this guide:

https://docs.telerik.com/reporting/knowledge-base/how-to-use-html5-viewer-in-react-js



But when I add react route, it failed when there is any input parameter.

<Route path="/test" component={ReportViewerFunction} /> // success

<Route path="/test2/:name" component={ReportViewerFunction} /> //show TypeError: window.jQuery(...).telerik_ReportViewer is not a function



And then I found this document, says that:

Such error can occur if:
jQuery is not loaded;
jQuery is loaded more than once and with different version;
jQuery is loaded at later stage in the page life cycle.

https://docs.telerik.com/reporting/knowledge-base/getting-telerik-reportviewer-is-not-a-function-console-error



I do not know how to fix this problem. Is there a better way to implement the report viewer in React?

Also I would like to know how to direct print the report, instead of every time preview the report before printing.

Long story short, im trying to implement dependency injection into a grid controller. The project i use is a .NET CORE Application using the Telerik UI template.

The problem is that i cannot make an ajax call to function inside my grid controller aslong as i do dependency injection. If i remove Constructor with the provided dependency injections it works fine. 

In the view that i make an ajax call looks like this 

<div class="row">
    <div class="col-12">
        <kendo-grid name="VehicleHome" height="550">
            <columns>
                <column field="Id" title="ID">
                    <filterable enabled="false"></filterable>
                </column>
                <column field="Name" title="Namn" />
            </columns>
            <scrollable enabled="true" />
            <sortable enabled="true" />
            <pageable enabled="true" />
            <filterable enabled="true" />
            <datasource type="DataSourceTagHelperType.Ajax" page-size="20">
                <transport>
                    <read url="@Url.Action("VehicleHome_Read", "VehicleHome")" />
                </transport>
            </datasource>
        </kendo-grid>
    </div>
</div>

And the controller and function i make an call to like this:

public class VehicleHomeController : Controller
    {
        private readonly IVehicleHomeService _vehicleHomeService;

        private readonly IVehicleService _vehicleService;

        public VehicleHomeController(IVehicleHomeService vehicleHomeService, IVehicleService vehicleService)
        {
            this._vehicleHomeService = vehicleHomeService;
            this._vehicleService = vehicleService;
        }

        public ActionResult VehicleHome_Read([DataSourceRequest] DataSourceRequest request)
        {
            var result = Enumerable.Range(0, 50).Select(i => new VehicleHomeViewModel()
            {
                Id = i * i,
                Name = "Vehicle Home " + i
            });

            var dsResult = result.ToDataSourceResult(request);

            return Json(dsResult);
        }
    }

1. As u see, im not even using the dependencies that is passed through the constructor. Still this causes the function to not be accessed by the ajax call. 

2. If i remove the constructor and the interface i can access it. How Come?

Thankful for answers

Is there any way to set a target line in a column chart? In the attached image, I have an additional line chart inside of the column chart and changed the data point style to make it a longer line. Ideally I would like it to span across the full chart.

Thanks for your help.

If have a questionaire report where some of the answers contain an uploaded image and have some trouble showing them correctly in a report. Images are stored in the database and bound to a picturebox.
When there is an image I would like to snow it beneath the text, it should not grow beyond the paper width. When there is no image I would to show just text (no white placeholder for the image).

The images can be large sometimes so setting Sizing of the Picturebox to AutoSize does not work for me (it would clip the image in pdf export)

-Sizing AutoSize is nice, hides when there is no image, but it can grow beyond report width when images are large
-ScaleProportional scales ok, but it does not align to the left and occupies white space when there is no image (even when the picturebox is set to invisible via conditional formatting)

Is there workaround (eg AutoSize and change image dimensions in code behind just before binding?).
AutoSize with max dimensions would be a nice to have...

How to get this right, any clue appreciated

Hello

I would like to pass a value from the report viewer to the report (ex: my application user's name)

I can do this by adding a parameter but in this case I must add the parameter in the data retrieval method while I do not need it in this contex; and since I have a number of such values to be passed it is not a very practical solution.

Is there another mechanisms ?

From what I have read it seems possible to use the useridentity, but  have not found how to use it ...

or there may be another (simple) mechanism ...

I attended a recent release webinar and they discussed the rich text control.  I asked if this control can be put on a report and was told yes.  The moderator sent a link (https://docs.telerik.com/devtools/xamarin/controls/richtexteditor/richtexteditor-overview) but I don't see any information on how to add the control to a report.

Looking at the toolbar for the designer, I also don't see how to add the control.

Did the moderator mis-speak?

Thanks,

Ken

I have a report with one grouping. In the detail section of this grouping there can be so many rows that it can take multiple pages to show. In the detail section, I have one field being displayed on the far left that is returned from the database and i put in logic to only show this field once per group. Otherwise, it would show the exact same text for each row in the grouping. The problem comes in when the data carries over to a new page and there is nothing shown in this one column. I'd like to see the value that's shown on the first page, but with a (cont.) label next to it.

So the first page would have something like Breakfast and then the second page would have Breakfast (cont) on it. Any ideas on how to achieve this?

Hi,

I am using Telerik on trial as of now. And I am trying to implement Telerik Report Viewer using HTML 5 and JavaScript so that we could view the created reports on Telerik Reporting Server.

But, despite various blogs on Telerik tells that it can be added by clicking on 'Telerik HTML5 Report Viewer Page' in visual studio,

I am not getting the template option only. This I am not able to understand why. I have download and installed Telerik through TelerikReportingSetup.exe.

Please help me in this. I don't see indendent ReportViewer component in telerik available components when I use TelerikReportingSetup.exe to download Telerik on to my system.

Hi

I am using trail version of Telerik as of now. But as mentioned in several blogs of Telerik, I am not able to view ReportViewer as independent option in Visual studio after installing all the needed components. I didn't see any independent option of ReportViewer while installing components using TelerikReportingEngine.exe

I am trying to create Report Viewer using html and JavaScript on an dotnet core project,so that using that ReportViewer we could visualise the report created on Telerik Reporting Server.

Please help me in this, and let me know what mistake I am making.

Thanks