001.@using Telerik.Reporting002.@using Telerik.ReportViewer.Mvc003.@{004. ViewBag.Title = "Telerik MVC HTML5 Report Viewer";005.}006. 007.@section styles008.{009. <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />010. 011. <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css" rel="stylesheet" />012. <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.blueopal.min.css" rel="stylesheet" />013. 014. 015. <style>016. #reportViewer1 {017. position: absolute;018. left: 5px;019. right: 5px;020. top: 5px;021. bottom: 5px;022. overflow: hidden;023. font-family: Verdana, Arial;024. }025. </style>026. 027. <link href="@Url.Content("~/ReportViewer/styles/telerikReportViewer-9.1.15.731.css")" rel="stylesheet" />028.}029. 030.@(Html.TelerikReporting().ReportViewer()031. // Each report viewer must have an id - it will be used by the initialization script032. // to find the element and initialize the report viewer.033. .Id("reportViewer1")034. // The URL of the service which will serve reports.035. // The URL corresponds to the name of the controller class (ReportsController).036. // For more information on how to configure the service please check http://www.telerik.com/help/reporting/telerik-reporting-rest-conception.html.037. .ServiceUrl(Url.Content("~/api/reports/"))038. // The URL for the report viewer template. The template can be edited -039. // new functionalities can be added and unneeded ones can be removed.040. // For more information please check http://www.telerik.com/help/reporting/html5-report-viewer-templates.html.041. .TemplateUrl(Url.Content("~/ReportViewer/templates/telerikReportViewerTemplate-9.1.15.731.html"))042. // Strongly typed ReportSource - TypeReportSource or UriReportSource.043. .ReportSource(new TypeReportSource() { TypeName = "Telerik.Reporting.Examples.CSharp.ProductCatalog, DubaiFleet, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" })044. // Specifies whether the viewer is in interactive or print preview mode.045. // PrintPreview - Displays the paginated report as if it is printed on paper. Interactivity is not enabled.046. // Interactive - Displays the report in its original width and height with no paging. Additionally interactivity is enabled.047. .ViewMode(ViewMode.Interactive)048. // Sets the scale mode of the viewer.049. // Three modes exist currently:050. // FitPage - The whole report will fit on the page (will zoom in or out), regardless of its width and height.051. // FitPageWidth - The report will be zoomed in or out so that the width of the screen and the width of the report match.052. // Specific - Uses the scale to zoom in and out the report.053. .ScaleMode(ScaleMode.Specific)054. // Zoom in and out the report using the scale055. // 1.0 is equal to 100%, i.e. the original size of the report056. .Scale(1.0)057. // Sets whether the viewer’s client session to be persisted between the page’s refreshes(ex. postback).058. // The session is stored in the browser’s sessionStorage and is available for the duration of the page session.059. .PersistSession(false)060. // Sets the print mode of the viewer.061. .PrintMode(PrintMode.AutoSelect)062. // Defers the script initialization statement. Check the scripts section below -063. // each deferred script will be rendered at the place of TelerikReporting().DeferredScripts().064. .Deferred()065. .ClientEvents(066. events => events067. .RenderingBegin("onRenderingBegin")068. .RenderingEnd("onRenderingEnd")069. .PrintBegin("onPrintBegin")070. .PrintEnd("onPrintEnd")071. .ExportBegin("onExportBegin")072. .ExportEnd("onExportBegin")073. .UpdateUi("onUpdateUi")074. .PageReady("onPageReady")075. .Error("onError")076. )077. // Uncomment the code below to see the custom parameter editors in action078. //.ParameterEditors(079. // editors => editors080. // .SingleSelectEditor("createSingleSelectEditor")081. // .CustomEditors(new CustomParameterEditor082. // {083. // MatchFunction = "customMatch",084. // CreateEditorFunction = "createCustomEditor"085. // })086. //)087.)088. 089.@section scripts090.{091. <script src="@Url.Content("~/ReportViewer/js/telerikReportViewer-9.1.15.731.min.js")"></script>092. 093. <!--kendo.all.min.js can be used as well instead of kendo.web.min.js and kendo.mobile.min.js-->094. <script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.web.min.js"></script>095. <!--kendo.mobile.min.js - optional, if gestures/touch support is required-->096. <script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.mobile.min.js"></script>097. 098. 099. <script>100. function onRenderingBegin() {101. console.log("rendering begin!");102. }103. function onRenderingEnd() {104. console.log("rendering end!");105. }106. function onPrintBegin() {107. console.log("print begin!");108. }109. function onPrintEnd() {110. console.log("print end!");111. }112. function onExportBegin() {113. console.log("export begin!");114. }115. function onExportEnd() {116. console.log("export end!");117. }118. function onUpdateUi() {119. console.log("update ui!");120. }121. function onError() {122. console.log("error!");123. }124. function onPageReady() {125. console.log("page ready!");126. }127. 128. function createSingleSelectEditor(placeholder, options) {129. var dropDownElement = $(placeholder).html('<div></div>');130. var parameter,131. valueChangedCallback = options.parameterChanged,132. dropDownList;133. 134. function onChange() {135. var val = dropDownList.value();136. valueChangedCallback(parameter, val);137. }138. 139. return {140. beginEdit: function (param) {141. 142. parameter = param;143. 144. $(dropDownElement).kendoDropDownList({145. dataTextField: "name",146. dataValueField: "value",147. value: parameter.value,148. dataSource: parameter.availableValues,149. change: onChange150. });151. 152. dropDownList = $(dropDownElement).data("kendoDropDownList");153. }154. };155. }156. 157. function customMatch(parameter) {158. return Boolean(parameter.availableValues)159. && !parameter.multivalue160. && parameter.type === telerikReportViewer.ParameterTypes.BOOLEAN;161. }162. 163. function createCustomEditor(placeholder, options) {164. var dropDownElement = $(placeholder).html('<div></div>');165. var parameter,166. valueChangedCallback = options.parameterChanged,167. dropDownList;168. 169. function onChange() {170. var val = dropDownList.value();171. valueChangedCallback(parameter, val);172. }173. 174. return {175. beginEdit: function (param) {176. 177. parameter = param;178. 179. $(dropDownElement).kendoDropDownList({180. dataTextField: "name",181. dataValueField: "value",182. value: parameter.value,183. dataSource: parameter.availableValues,184. change: onChange185. });186. 187. dropDownList = $(dropDownElement).data("kendoDropDownList");188. }189. };190. }191. </script>192. 193. @(194. 195. // All deferred initialization statements will be rendered here196. Html.TelerikReporting().DeferredScripts()197. )198.}01.namespace DubaiFleet.Views.ReportsMain.Controllers02.{03. using System.IO;04. using System.Web;05. using Telerik.Reporting.Cache.File;06. using Telerik.Reporting.Services;07. using Telerik.Reporting.Services.WebApi;08. 09. //The class name determines the service URL.10. //ReportsController class name defines /api/report/ service URL.11. public class ReportsController : ReportsControllerBase12. {13. static ReportServiceConfiguration configurationInstance;14.15. static ReportsController()16. {17. //This is the folder that contains the XML (trdx) report definitions18. //In this case this is the app folder19. var reportsPath = HttpContext.Current.Server.MapPath("~/");20. 21. //Add resolver for trdx report definitions,22. //then add resolver for class report definitions as fallback resolver;23. //finally create the resolver and use it in the ReportServiceConfiguration instance.24. var resolver = new ReportFileResolver(reportsPath)25. .AddFallbackResolver(new ReportTypeResolver());26. 27. //Setup the ReportServiceConfiguration28. configurationInstance = new ReportServiceConfiguration29. {30. HostAppId = "Html5App",31. Storage = new FileStorage(),32. ReportResolver = resolver,33. // ReportSharingTimeout = 0,34. // ClientSessionTimeout = 15,35. };36. }37. 38. public ReportsController()39. {40. //Initialize the service configuration41. this.ReportServiceConfiguration = configurationInstance;42. }43. }44.}HI,
i have a problem that i can't solve. i have a telerik report. in details section i have a table that bund to data source, and after it i have a repeated list (that bound to another property in data source).
the problem is, that when item in list (such as textbox) wich contain long text above one page (on Pdf design), it break the page between the table outsize the list and the first item in list.
how can i minimize the space?
i need it urgently.
Thanks,
ChavK.
Greetings,
I need your help with the below issue.
I'm streaming an exported PDF from a telerik report and I need to insert JavaScript to be executed after acrobat event 'DidPrint' which I want to execute to close the PDF file after the filed being printed.
Below is how I render the report as PDF and print it sielently.
deviceInfo["JavaScript"] = "this.print({bUI: false, bSilent: false, bShrinkToFit: true});";
var reportProcessor = new ReportProcessor();
var reportSource = new Telerik.Reporting.InstanceReportSource();
Report1 report = new Report1();
report.ReportParameters["ID"].Value = "10";
reportSource.ReportDocument = report;
var renderingResult = reportProcessor.RenderReport("PDF", reportSource, deviceInfo);
Hi i'm trying to generate the pie Chart attached in the file ...
I have a SQL source with this 3 columns:
Category ---- Sector ..... Numofitems
C1 A 125
C1 B 175
C2 F 200
C1 N 135
I need a pie than first made the groupby Category -- num of ítems and their % so in the legend only have 2 categories in this case.
and the in this category made the groupby Sector -- num of ítems and their %
But I can not know how first group by Category and then by sector with the telerik report Designer ...
I hope looking the file attached you will see what i need ...
Thanks,
Joan
Hello,
I need to set scale unit and/or step properties based on expressions for datetime scale. The reason for this is because my charts' time axis (x-axis) vary based on report input parameters (from date and to date).
Moreover, axis labels and grid lines should be able to dynamically reflect a timespan of an hour as well as a timespan of several months.
Doing this programmatically is currently not an option. Are there any ways to achieve the above in Telerik Report Designer?
Hi,
I want to hide header and footer of main report, in subreport.
Ignore header and footer of main report, in some of sub reports.