Requirement: Extend form and functionality of the Logi Native Dashboard
Native Logi Dashboard
Responsive Logi 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.
Devnet: Using Template Modifier Files
Devnet: Using Definition Modifier Files
How-To Geek: Symbolic Links
WHAT IS EOD DASHBOARD?
NATIVE LOGI DASHBOARD
NEW ADD-PANEL INTERFACE
LOGI, CSS AND JQUERY
WHY USE EOD DASHBOARD?
MODERN UI DESIGN
EASY TO IMPLEMENT!