This example shows how to load a report template and edit it in the designer.

First, you need to add the StiNetCoreDesigner component to the view page. Also you need to pass the StiNetCoreDesignerOptions object to the constructor. The minimum required options are two actions - GetReport and DesignerEvent. It is required to define the PreviewReport action which is necessary to register the data to preview the report.

To add the ability to save the report, you need to define the SaveReport action. Also you can define the SaveReportAs action if necessary:

@using Stimulsoft.Report.Mvc;

...

@Html.StiNetCoreDesigner(new StiNetCoreDesignerOptions()
{
	Actions =
	{
		GetReport = "GetReport",
		SaveReport = "SaveReport",
		//SaveReportAs = "SaveReportAs",
		DesignerEvent = "DesignerEvent"
	}
})

In the options above we define several actions, and we need to add it in the controller.

The GetReport action loads the report template and returns answer to the client part of the designer using the GetReportResult() static method. In the parameters of this method, the report object should be passed:

 public IActionResult GetReport()
{
	var report = new StiReport();
	report.Load(StiNetCoreHelper.MapPath(this, "Reports/TwoSimpleLists.mrt"));
            
	return StiNetCoreDesigner.GetReportResult(this, report);
}

The SaveReport action will be invoked when you press on the Save button in the designer. In this action, you can get the report object and save it, for example to file, or to JSON string and then to database. To prepare the answer for the client you should use the SaveReportResult() static method. In the parameters of this method, you can pass the error message, if it is needed. By default, the parameters are not required:

 public IActionResult SaveReport()
{
	var report = StiNetCoreDesigner.GetReportObject(this);
            
	// Save the report template, for example to JSON string
	var json = report.SaveToJsonString();
	            
	return StiNetCoreDesigner.SaveReportResult(this);
}

If you define the SaveReportAs action on the view page, also you should add this action to the controller. All operations in this action can be the same as in the SaveReport action:

public IActionResult SaveReportAs()
{
	return StiNetCoreDesigner.SaveReportResult(this);
}

The DesignerEvent action handles all the designer events (adding and editing report components, work with the data dictionary, switch pages, zooming, etc.) and returns the response to the client using the DesignerEventResult() static method:

public IActionResult DesignerEvent()
{
	return StiNetCoreDesigner.DesignerEventResult(this);
}

In the screenshot below you can see the result of the sample code: