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 : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Hide the title banner in DashboardViewer in a programmatic way

To hide the title banner in the Dashboard Viewer, override the style as shown in the following code snippet in the Dashboard “index.html” file:

 

Code snippet:   

 

 

<!DOCTYPE html>   

<html xmlns="http://www.w3.org/1999/xhtml" style="width:100%; height:100%;">   

<head>   

    <style>   

        body html {   

            width: 100%;   

            height: 100%;   

           }   

        .e-dbrd-banner{   

                    display : none !important;   

                   height : 0px !important;   

                                    }   

    </style>   

    <title>Dashboard Viewer</title>   

   <meta name="viewport" content="width=device-width, initial-scale=1.0">   

</head>   

<body style="width: 100%;height: 100%">   

<script type="text/javascript">   

    $(function (e) {   

        var url = "Dashboard Service URL";   

        var filePath = "File path of the Dashboard, which is accessible at give Dashboard Service URL";   

        $("#dashboard").ejDashboardViewer({   

            serviceUrl: url,   

            dashboardPath: filePath

        });   

    });   

</script>   

<div id="dashboard" style="width: 100%; height: 100%" ></div>   

</body>   

</html>   

 

 

Screenshot:

 

The following screenshot illustrates when the tittle bar has been hidden in the Dashboard Viewer:

C:\Users\suriyaprakasamr\AppData\Local\Microsoft\Windows\INetCache\Content.Word\DashboardViewer_WithoutTitleBanner.png

 

Note: By overriding the banner style, you can also hide the filter overview, export, and refresh options of the dashboard.

Article ID: Published Date: Last Revised Date: Platform: Control:
8393 02/12/2018 02/12/2018 Dashboard Platform Dashboard SDK
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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