The Web Designer_MVC sample demonstrates Web Designer with an ASP.NET MVC 5 back-end.

Sample Location

..\WebSamples14\WebDesignerSamples\Web Designer_MVC

Details

When you run the sample, the Web Designer opens in your browser wherein you can create, edit, or modify your reports. Following are the main menu options:

• File: Contains options to create, open, or save reports. It also contains the version information in About option and help documentation link in Help option.

• Home: Consists of report editing options such as cut, copy, paste, and delete. It also provides shortcuts for text formatting such as font, font size, font color, and horizontal and vertical text alignments.

• Report: Contains options to add, delete, or move pages (in Page report) and add or remove header and footer (RDL report), and change report themes.

• Preview: Click Preview to preview reports.

• Properties: Displays the properties of the selected report element. If more than one element is selected, only their common properties are shown.

• Data: Contains options to manage daya sources, data sets, and parameters. It also displays common values such as current date and time, page number, total pages, and more.

The project consists of the following elements.

• Controllers folder: Contains DataSets, Design, Preview, and Templates controllers.
• Datasets folder: Contains JSON datasets Categories, Employees, and Products.
• Resources folder: Contains reports, themes, images, etc. that are used by the project to illustrate Web Designer.
• Services folder: Consists of classes that get datasets and templates information.
• wwwroot folder: Contains designer CSS and JavaScript files.