Steps to append custom image or advertisement in the widget container of Dashboard ViewerStep #1: Create a dashboard and save the dashboard file (*.SYDX) using the Dashboard Designer. Refer the below link to know about how to design the dashboard by using dashboard designer application, https://help.syncfusion.com/dashboard-platform/dashboard-designer/getting-started Step #2: Embed the dashboard through the Dashboard Viewezzzr control which is shipped with the Dashboard Platform SDK. Refer the below link to know about how to embed the dashboard viewer control within your application by using Dashboard SDK Platform, https://help.syncfusion.com/dashboard-platform/dashboard-sdk/getting-started You can embed dashboard within your application which may be ASP.NET, ASP.NET Core, ASP.NET MVC, Angular 1, Angular 2, Typescript, Aurelia, LightSwitch HTML, PHP, JSP, UWP, Windows Forms, Xamarin, and WPF using Dashboard Viewer as HTML5 control. Step #3: Add the below styles (CSS) in your webpage and file, .e-dbrd-control-nodatainfo { height: 100% !important; background: url(https://cdn.syncfusion.com/content/images/company-logos/Syncfusion_Logo_Image.png) no-repeat; // Image or advertisement path location if you want background-size: contain; background-position: 50% 50%; } .widget-info-icon { display: none; } .e-nodata{ display: none !important; }
Where, these styles will overwrite with our existing style(s) for the ‘No data information’ in the Dashboard Viewer, and the image and advertisement will be shown as below. |
This page will automatically be redirected to the sign-in page in 10 seconds.