Objective of this blog is to discuss how we can add the scrolling text from right to left anywhere in the ad-hoc report or dashboard in Helical insight as shown below.
How to Add Scrolling Text in Dashboard in Helical Insight Application...!
The detailed description to achieve the above discussed objective is documented follows:
STEPS:
- Create ad-hoc report using table component.
- Take care that table has only one column and one row and the cell contains all the data which we want as scrolling text in the report. Data in single line is required as content for scrolling text.
- We are using table component to get the latest records from the database. And later implement the scrolling effect on the same text.
- To fetch all the record form the database in the single row and column, create meta-data with the sample view: ‘banner’ using the following query.Refer the sample query :“select GROUP_CONCAT(employee_name SEPARATOR ‘ ‘) as banner from employee_details ”
- In the ad-hoc report add the column: banner from the sample view and generate the report using table component.
6. In the editor ->CSS editor -> add the following code->apply
.table td{ animation: marquee 7s linear infinite; border: none !important; background: transparent !important; color: #000 !important; text-overflow: inherit !important; height: auto; max-width: inherit; } .table tr,.table{ border: none !important; background: transparent !important; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .table thead,.bootgrid-footer,.bootgrid-header{ display: none; }
- Generate the ad-hoc report->save the report.
- In dashboard designer add this ad-hoc report as part of the dashboard. One can place the report as header or footer in the dashboard. Save the dashboard after adding the ad-hoc report.