Dashboard for Angular - How to implement Save As and Delete functionality by creating custom extensions

This example demonstrates how to add the "Save As" and "Delete" menu items to the Web Dashboard's UI by implementing the corresponding custom extensions:

• The "Save As" menu item allows end-users to save the current dashboard with a new name.
• The "Delete" menu item deletes the opened dashboard from the dashboard storage.

The image below shows the result of the extensions implementation.

Files to Review

• Program.cs
• CustomDashboardFileStorage.cs
• UserDashboardController.cs
• extensions
• input-popup.component.html
• delete-dashboard.service.ts
• app.component.ts

Documentation

• Extensions Overview

More Examples

• Dashboard for Web Forms - How to implement the Save As and Delete functionality by creating custom extensions
• Dashboard for MVC - How to implement the Save As and Delete functionality by creating custom extensions
• Dashboard for ASP.NET Core - How to implement the Save As and Delete functionality by creating custom extensions