brianlagunas
commented
1 week ago This is the code that will duplicate the issue
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reveal Sdk - Web Component</title>
<style>
body > pre {
padding: 9.5px;
}
</style>
</head>
<body>
<div id="revealView" style="height: 920px; width: 100%;"></div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" ></script>
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js" ></script>
<script src="https://dl.revealbi.io/reveal/libs/1.6.6/infragistics.reveal.js"></script>
<script type="text/javascript">
//set this to your server url
$.ig.RevealSdkSettings.setBaseUrl("http://localhost:5111/");
var revealView = new $.ig.RevealView("#revealView");
</script>
</body>
</html>
luispandolfi
SDK Version
1.6.6
Client Framework
HTML/JavaScript
Server Platform
ASP.NET
Operating System
Windows
Description
After loading a dashboard there is a
<pre>element created as a child of the body. This element appears to be a template that is cloned and inserted into the Dashboard when entering Edit mode. Unfortunately, this element doesn't have display: none set and instead is absolutely positioned below the bottom of the page. However, if the user of the sdk has a global style set that applies padding to<pre>elements, then the element moves back into the page and is visible. See the bottom of the attached screenshot. I also have a PR here that shows an update to the GettingStarted example that will produce the results shown in this screenshot.https://github.com/RevealBi/sdk-samples-javascript/pull/35