Categories
Welcome to the Oracle Analytics Community: Please complete your User Profile and upload your Profile Picture
ERROR: Canvas embedding error in OAC 6.0 version
shubham borghare
Rank 2 - Community Beginner
Summary
Trying to embed OAC graph to public website in OAC 6.0 version.
Content
I am trying to embed the OAC graph to a public webpage, however, the graph was successfully embedded into a public webpage in OAC version 5.8 but giving the following error in recently updated OAC version 6.0.
ERROR: "Your CSS file is compatible with JET version 9.2.0, but you are using JET version undefined.
Please update your CSS to match the version of JET being used."
I have put the domain in OAC safe domain as well. Kindly help me solve this error.
Code:
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Standalone DV Embed Demo Using Token</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://oac-bmzzdpta2epz-bo.analytics.ocp.oraclecloud.com/public/dv/v1/embedding/standalone/embedding.js" type="application/javascript">
</script>
<style>
/*.bitech-stretchbox-top , .bi_filterbar_filterscontainer, .bi_filterbar{display:none;}*/
.parent_div
{
height: 1000px;
overflow-y:scroll;
}
.bitech-stretchbox-top, .bitech-stretchbox-bottom {
width: 1000px;
}
</style>
</head>
<body style="background-color: black;">
<strong><h2 style="color: white; text-align: center; top: 50px; font-weight:bold;font-size:11px;">Survey Analytics Dashboard</h2></strong>
<div class="parent_div">
<div class="" style="max-width: 100%; height:550px;">
<oracle-dv project-path="/@Catalog/users/saurabh.singh@omfysgroup.com/Master_Demo" active-page="canvas" active-tab-id="4">
</oracle-dv>
</div>
</div>
<script>
var token ="eyJ4NXQjUzI1NiI6IlFCYUNJYU9XYVBFM2VzMFJXSmw4aVZ4MTVEMm9GTHQyb1lyQ1lSNmxLa0EiLCJ4NXQiOiJfVDdsWlg3TWpxdWFjRnhJRmZKd0p1Y0JXc00iLCJraWQiOiJTSUdOSU5HX0tFWSIsImFsZyI6IlJTMjU2In0.eyJ1c2VyX3R6IjoiQW1lcmljYVwvQ2hpY2FnbyIsInN1YiI6InNhdXJhYmguc2luZ2hAb21meXNncm91cC5jb20iLCJ1c2VyX2xvY2FsZSI6ImVuIiwiaWRwX25hbWUiOiJVc2VyTmFtZVBhc3N3b3JkIiwidXNlci50ZW5hbnQubmFtZSI6ImlkY3MtMzVjODRjYjgwZWQ3NGYyYTk0MThhNTM3MjdjYmJkNzgiLCJpZHBfZ3VpZCI6IlVzZXJOYW1lUGFzc3dvcmQiLCJhbXIiOlsiVVNFUk5BTUVfUEFTU1dPUkQiXSwiaXNzIjoiaHR0cHM6XC9cL2lkZW50aXR5Lm9yYWNsZWNsb3VkLmNvbVwvIiwidXNlcl90ZW5hbnRuYW1lIjoiaWRjcy0zNWM4NGNiODBlZDc0ZjJhOTQxOGE1MzcyN2NiYmQ3OCIsImNsaWVudF9pZCI6InplbWduYmF1b2FhcGhodGs0dDJtZDY2cXppdmtmb2xxX0FQUElEIiwic3ViX3R5cGUiOiJ1c2VyIiwic2NvcGUiOiJ1cm46b3BjOnJlc291cmNlOmNvbnN1bWVyOjphbGwiLCJjbGllbnRfdGVuYW50bmFtZSI6ImlkY3MtMzVjODRjYjgwZWQ3NGYyYTk0MThhNTM3MjdjYmJkNzgiLCJyZWdpb25fbmFtZSI6ImFwLW11bWJhaS1pZGNzLTEiLCJ1c2VyX2xhbmciOiJlbiIsImV4cCI6MTYyMDE0NzU4NiwiaWF0IjoxNjIwMTE4ODMzLCJjbGllbnRfZ3VpZCI6IjFmODUyMmM0ODZiYjQxMTQ5NjllMTNkYzY1MTJiNzQxIiwiY2xpZW50X25hbWUiOiJBTkFMWVRJQ1NJTlNUX29hYy1ibXp6ZHB0YTJlcHotYm8iLCJpZHBfdHlwZSI6IkxPQ0FMIiwidGVuYW50IjoiaWRjcy0zNWM4NGNiODBlZDc0ZjJhOTQxOGE1MzcyN2NiYmQ3OCIsImp0aSI6IjExZWJhY2I3MmYxNTljNmU5Njc4YTEzMTFhMzE5ODRlIiwiZ3RwIjoiand0IiwidXNlcl9kaXNwbGF5bmFtZSI6IlNhdXJhYmggU2luZ2giLCJzdWJfbWFwcGluZ2F0dHIiOiJ1c2VyTmFtZSIsInByaW1UZW5hbnQiOnRydWUsInRva190eXBlIjoiQVQiLCJjYV9ndWlkIjoiY2FjY3QtNGQzNGU0YjMwMDdmNDFjYWFiMDYxZGE3ODM0ZjYxOWYiLCJhdWQiOlsiaHR0cHM6XC9cL3plbWduYmF1b2FhcGhodGs0dDJtZDY2cXppdmtmb2xxLmFuYWx5dGljcy5vY3Aub3JhY2xlY2xvdWQuY29tIiwiaHR0cHM6XC9cL29hYy1ibXp6ZHB0YTJlcHotYm8uYW5hbHl0aWNzLm9jcC5vcmFjbGVjbG91ZC5jb20iXSwidXNlcl9pZCI6IjBhNzM5MjBiOTM1MDQ4YmE4MGI0ODJiMThjMDFhMmMyIiwidGVuYW50X2lzcyI6Imh0dHBzOlwvXC9pZGNzLTM1Yzg0Y2I4MGVkNzRmMmE5NDE4YTUzNzI3Y2JiZDc4LmlkZW50aXR5Lm9yYWNsZWNsb3VkLmNvbTo0NDMiLCJyZXNvdXJjZV9hcHBfaWQiOiIxZjg1MjJjNDg2YmI0MTE0OTY5ZTEzZGM2NTEyYjc0MSJ9.TbpaW3XQDL8aX4disnpC7CJzP8uI3i1ohj05OVuVUemf9DeZtbZmWTjwjSv2GUdU6Ene9WdybdjwCnptwpM4e4LI8SB_wBW1vyi5YYWwkOCeGlZsewUyRC6rr77-o7dtceh4p-A-qeX2_pQ5EjwH7rHY347x51hawDdmOo0YEktqucYRy1Pcco97Nz8I_iP2RoJUeyqDhKEhfwafpBIszpStS8bJravGNO7h9GMIt0fRRqmIBBoFW6IIm-AQfxVztI5Mj2SOq6FH_XADGEM9kk6iye2TLGka_jw11iUpE2BXaru8nQgsQmXBCSxAb2tIe7IOwyJLC4NVxsf1atBgaA"
requirejs(['jquery', 'knockout', 'obitech-application/application', 'jet-composites/oracle-dv/loader'],
function($, ko, application) {
application.setSecurityConfig("token", {tokenAuthFunction:
function(){
return token;
}
});
ko.applyBindings();
}
);
</script>
</body>
</html>
Version
6.0
0
Answers
-
There was an update to JET in 6.0. We will investigate if there is a tweak you will need on the javascript side.
0 -
Shubham, please try adding these to the requirejs dependency:
'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite'
i.e.:
requirejs(['jquery', 'knockout', 'obitech-application/application', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'],
The jetVersion error in console is a known issue and unrelated to blank screen showing instead of the visualization rendering.
0 -
Hi Arun,
Thanks for your prompt response, now I am able to embed graphs after replacing requirejs dependency shared by you. Thank you so much.
0
