# Web Samples

This topic demonstrates web-related features in JSViewer, WebDesigner, etc.

## Content

The samples in WebSamples folder demonstrate web related features in Js Viewer, WebDesigner, etc. Download these samples from following link:

[https://github.com/activereports/WebSamples19](https://github.com/activereports/WebSamples19)

| **Sample** | **Description** |
| ------ | ----------- |
| WebDesigner Samples |  |
| [Blazor Designer](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/blazordesigner) | The samples on Blazor Designer demonstrate the use of ActiveReports Blazor Designer with Server application, WebAssembly application, and remote report service. |
| [WebDesigner MVC(Core)](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/web-designer-mvc-core) | This sample demonstrates WebDesigner with an ASP.NET MVC Core back end. |
| [WebDesigner Angular(Core)](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/web-designer-angular-core) | This sample demonstrates the ActiveReports WebDesigner with an Angular 8 app and ASP.NET Core back end. |
| [WebDesigner Blazor](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/web-designer-blazor) | This sample demonstrates the ActiveReports WebDesigner with Blazor framework. |
| [WebDesigner Custom Data Providers](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/webdesigner_customdataproviders) | The sample demonstrates the method to use custom data providers (such as SQLite and OData) for supplying data to the report in the ActiveReports WebDesigner. |
| [WebDesigner Custom Store](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/webdesigner_customstore) | The sample demonstrates the use of custom resources service for ActiveReports WebDesigner with an ASP.NET Core back end. |
| [WebDesigner Custom](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/webdesigner_custom) | The sample shows how to use the WebDesigner API to create a customized UI for ActiveReports WebDesigner with an ASP.NET Core back end. |
| [WebDesigner Blazor Custom](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/webdesignerblazor_custom) | The sample shows how to use the Blazor WebDesigner API to create a customized UI for ActiveReports WebDesigner with Blazor back end. |
| [WebDesigner Custom Shared Data Sources](/activereportsnet/docs/v19.2/samples/web-samples/webdesigner-samples/webdesigner_customshareddatasources) | The sample shows how to enable and use shared data sources in ActiveReports WebDesigner with an ASP.NET Core back end. |
| Js Viewer Samples |  |
| [BlazorViewer](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/blazorviewer) | The samples on Blazor Viewer demonstrate the use of ActiveReports Blazor Viewer with Server application, WebAssembly application, and remote report service. |
| [JSViewer Angular(Core)](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/js-viewer-angular-core) | This sample demonstrates the use of the ActiveReports Js Viewer with an Angular 8 app and ASP.NET Core back end. |
| [JSViewer CORS](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/jsviewer-cors) | This sample demonstrates the use of ActiveReports Js Viewer with an ASP.NET MVC 5 back end when the server is hosted elsewhere using CORS. |
| [JSViewer CORS(Core)](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/jsviewer-cors-core) | This sample demonstrates the use of ActiveReports Js Viewer with an ASP.NET MVC 5 Core back end when the server is hosted elsewhere using CORS. |
| [JSViewer MVC](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/js-viewer-mvc) | This sample demonstrates the use of ActiveReports Js Viewer with an ASP.NET MVC 5 back end. |
| [JSViewer MVC(Core)](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/js-viewer-mvc-core) | This sample demonstrates the use of ActiveReports Js Viewer with an ASP.NET MVC Core back end. |
| [JSViewer React(Core)](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/js-viewer-react-core) | This sample demonstrates the use of ActiveReports Js Viewer with an ReactJS app and ASP.NET Core back end. |
| [JSViewer Vue(Core)](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/js-viewer-vue-core) | This sample demonstrates the use of ActiveReports Js Viewer with an VueJS app and ASP.NET Core back end. |
| [WebViewer ASP.NET](/activereportsnet/docs/v19.2/samples/web-samples/jsviewer-samples/web-viewer-aspnet) | This sample demonstrates the ActiveReports web control feature and generating a parameterized report. |
| Blazor Viewer Custom Store | This sample demonstrates the ActiveReports Blazor Viewer in action, showing how report data can be initialized within the Blazor application and injected at runtime using the locateDataSource callback. |
| Silent Print | The SilentPrint sample project consists of three samples - JSViewerBatchPrint\_MVC\_Core, JSViewerSilentPrint\_MVC\_Core, and PrintAgent. The JSViewerBatchPrint\_MVC\_Core sample demonstrates how to print many reports by clicking the Print button,<br>without showing the Print Preview dialog for every report. Silent printing is implemented through a print agent that needs to be started. The JSViewerSilentPrint\_MVC\_Core sample demonstrates how to print a report by clicking once the JSViewer Print button, without showing the Print Preview dialog. Silent printing is implemented through a print agent that needs to be started. The PrintAgent sample contains a Windows service, hosting an ASP.NET Core API that allows printing PDF files. The<br>print agent uses the GrapeCity.Documents.Pdf library. |

> type=note
> **Important**: It is recommended to use only that Visual Studio version which is specified in each sample description.