EOD DASHBOARD

Requirement: Extend form and functionality of the Logi Native Dashboard

     
As a Proof-of-Concept we were requested to restyle Logi's Native Dashboard element by using a Slide-Up Carousel to display available visualizations. This solution utilizes a jQuery plugin called Flickity to create the carousel as well as PanelSlider to style the Slide-Up panel.

XML Datalayers are used to retrieve the panel data from the Dashboard Save File as well as the defined panels available in the Dashboard Report Definition File.



A Template Modifier File, a Definition Modifier File and some strategic CSS is used to hide the Dashboard element's native Add-Panel PopUp functionality without the need to modify any of the rdTemplate files.

When using the Custom Dashboard Panels element of the Analysis Grid or the Action.Add Dashboard Panel element, the Logi engine creates a thumbnail of your visualization and saves it to a rdThumbnails folder where your Dashboard save file is located. One way to provide these thumbnails to the Dashboard Carousel is to create a hard symbolic link so that the files in the rdThumbnails folder appear to reside within your _SupportFiles folder. I have included a link from How-To Geek for instructions on how to accomplish this.

Useful Links:

  • Devnet: Using Template Modifier Files
  • Devnet: Using Definition Modifier Files
  • How-To Geek: Symbolic Links
  •   EOD DASHBOARD
    WHY USE EOD DASHBOARD?









    MODERN UI DESIGN




    IT'S RESPONSIVE!




    FLEXIBLE




    PDF EXPORTABLE!




    EASY TO IMPLEMENT!