Bold BI Embedded has a known issue when the jQuery version reference is greater than the recommended version (v1.10.2)
. You can resolve this by using the jQuery.noConflict()
function to render the dashboard rendered with the jQuery v1.10.2
.
jQuery conflict
issueYou have to use the following jQuery.noConflict
function in your embed application instead of default reference mentioned on our Bold BI help documentation.
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!--jQuery version recommended for Bold BI-->
<script type="text/javascript">window.bb$ = jQuery.noConflict();</script>
<script>
bb$(document).ready(function () {
bb$.getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js');
});
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.0-beta/jsrender.min.js"></script>
<script type="text/javascript" src="https://cdn.boldbi.com/embedded-sdk/v4.1.36/embed-js.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!--3.6.0 version of jQuery -->
<script type="text/javascript"> bb$.easing = $.easing = jQuery.easing </script>
</head>