)
We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Show the custom image or advertisement at widget container when no data to be displayed in Dashboard Viewer

Platform: Dashboard Platform |
Control: Dashboard SDK |
Published Date: November 18, 2017 |
Last Revised Date: May 8, 2019

Steps to append custom image or advertisement in the widget container of Dashboard Viewer

Step #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.

Existing style override for No data information in Dashboard viewer

A screenshot of a computer

Description generated with very high confidence

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon