In this article you will learn about how to implement Interpanel Communication using Dashboard Designer in Helical Insight. In Interpanel communication, when any region is selected from a panel then based on that another panel gets updated. Let us understand with an example. Suppose inter-panel communication to happen between a chart and a table. then follow
Read More
In this article you will learn about how to add a filter in a Dashboard Designer. Open the Dashboard Designer, then drag and drop the required report from the file browser present on the left side. Also, you can search for a particular report using search. After drag and drop of required report, you will see
Read More
In this article we will learn how to do panel level customization like, adding the shadows. After logging into Helical Insight, navigate to “Dashboard Designers” Open any of the existing report then click on CSS to add the code. CSS Code: .grid-stack-wrapper { box-shadow: 2px 2px 2px red; } Here is the Output: We can
Read More
In this article we will learn how to fill colors in the image based on certain percentage. After logging into Helical Insight, navigate to “Dashboard Designer“. Then Switch to Advanced Mode to use the HTML, CSS and JavaScript coding. Drag and drop HTML component into the canvas and then click on edit icon to enter the
Read More
In this article we will learn how to add background color in dashboard designer. After logging into Helical Insight, navigate to Dashboard Designer. We can use different background colors for dashboard designer using the below CSS code CSS Code: body { padding-top:10px; padding-bottom:10px; background: green; } Here, we are using green color as background. For More
Read More
In the blog, we will learn how to add a background image to the dashboard. You can add an image as a background for the complete dashboard in Helical Insight. Once you are in the dashboard designer page, right-click select the background option by enabling we get two option either we can give color as
Read More
In this Article we will learn about how to add headings in Dashboard Designer. After logging into Helical Insight, navigate to Dashboard Designer. Then switch to Advance Mode to do dashboard customization using HTML and CSS. HTML Code: <div class="heading" id="heading"> <h1> This is the heading </h1> </div> For styling use the below CSS code CSS
Read More
In this article we will learn how to change the shape of a panel in dashboard designer. Here, we are changing the panel into circle shape. For this, we just need to apply a simple CSS Code Click on CSS option to enter the css code then save the file for result. CSS Code: [data-gs-id="paaefjd9wx8evb1hh7rqqia4i"]
Read More
In this article we will learn about how to do add flip functionality in a Dashboard Panel. After logging into helical insight just navigate to “Dashboard Designer” as show below. Then, on left side where we will have an option to add the HTML, CSS & Java Script coding for Customizations. For HTML Code, Double
Read More