How to resolve the "filter not applied" issue when Embedding the dashboard?

When embedding a dashboard, you may encounter issues while passing the dashboard parameter values via the embed URL. This can result in either “no data to display” message appearing in widgets or an applied filter not reflected in the embedded dashboard. This article will explain the reason and provides a solution to resolve the issue.

Reason for the issue

The issue is typically caused by the “ToLower()” functionality used in embedQuery as mentioned in below code snippet, which will modify the filter parameter and its value to lowercase. This will lead to a “no data to display” error or sometimes filter will not be applied to the embed dashboard.

  
      var embedDetailsUrl = "/embed/authorize?" + embedQuery.ToLower() + "&embed_signature=" + GetSignatureUrl(embedQuery.ToLower());
      

Solution

To resolve this issue, we recommend removing the “ToLower()” functionality from the above-mentioned places. This will ensure that the dashboard parameters retain their original casing and can be correctly passed via the embed URL.

References

For more information on embedding dashboards and passing parameters via the embed URL, please refer to the following resources:

1. Embedding Dashboards with JavaScript Embedding
2. Passing URL and dashboard Parameters

Please note that the exact method for removing the “ToLower()” functionality may vary depending on your specific implementation and programming language. Always refer to the official documentation for your specific language and framework for the most accurate information.