This example shows how to create a simple dashboard in runtime.

For example, let's create a dashboard with one text element, and for ease, we will place the dashboard creation code in the Dashboard.cs separate file. First, create a new dashboard object - use the static CreateNewDashboard() method for this:
public static StiReport CreateTemplate()
{
	var report = StiReport.CreateNewDashboard();
	var dashboard = report.Pages[0] as StiDashboard;

...

Next, create a new StiTextElement() object, specify its position, size, set the displayed text, alignment and color:
...

	var textElement = new StiTextElement();
	textElement.Left = 100;
	textElement.Top = 100;
	textElement.Width = 300;
	textElement.Height = 100;
	textElement.Text = "Sample Text";
	textElement.Border.Side = StiBorderSides.All;
	textElement.BackColor = Color.LightGray;

...

Finally, add the created text element to the dashboard page and return the finished object:
...

	dashboard.Components.Add(textElement);

	return report;
}

To display the dashboard, we will use the viewer. It is enough to pass the previously prepared object to it:
public IActionResult GetReport()
{
	var report = Helpers.Dashboard.CreateTemplate();
	return StiNetCoreViewer.GetReportResult(this, report);
}

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

Creating Dashboard at Runtime

By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.