Var defaultTenantDashboard = new DashboardDefinition(Ī, Permissions: tenantWidgetsDefaultPermission $(function () ,// you can use any filter you need Open FilterHelloWorld.js and change it as seen below.

Go to *.Web.Mvc -> Areas -> -> Views -> Shared -> Components -> CustomizableDashboard -> Widgets and create a partial view named FilterHelloWorld and change it as seen below.Ĭreate folder named FilterHelloWorld into *.Web.Mvc -> file for into that folder.

It will have one input and button and it will trigger an event when that input changed. Our widget filter name will be FilterHelloWorld.

UI applications get data from the server about the dashboard and use their view information to show it.

View side definition like CSS JS file located in the UI project.

which should be controlled by the server are located in *.Core -> DashboardCustomization -> Definitions -> DashboardConfiguration.cs so that application layer can handle permission and other stuff.

Definitions which include permission, multitenancy side, etc.

Pre-Note: Customizable dashboard configurations are stored in two places. Let's create a new widget and widget filter step by step.

You can create new widgets and widget filters for the customizable dashboards.

Where are mac dashboard widgets stored