Logi Composer
Documentation
Getting Started
Knowledge Base
Forums
Logi Report
Documentation
Getting Started
Knowledge Base
Forums
Logi Report API Doc
Logi Info
Documentation
Getting Started
Knowledge Base
Forums
Logi Info Sample Center
Logi Info Upgrade Advisor
Other Products
Izenda
Exago
Support
Submit a Ticket Request
View Support Tickets
License Manager
Product Download
Forums
Events
☰
Logi Info Element Gallery
This gallery provides a visual introduction to the major elements used in Logi applications. Hover over an image for a closer look, click its name to view related documentation. Use the following links to jump to a lower section:
Data Tables
Chart Canvas Charts
Specialty Charts, Gauges & Maps
Containers
User Input & Interaction
SUPER-ELEMENTS
Analysis Chart
Displays a dynamic chart that allows the user to select chart types and data values at runtime.
Analysis Chart
Analysis Filter
Displays a dynamic interface that allows users to filter data at runtime. (v12.2+)
Analysis Filter
Analysis Grid
Displays a dynamic data table with interactive data analysis capabilities. Includes optional menu items that allow users to interact with it at runtime.
Analysis Grid
Chart Grid
The Chart Grid is a tabular arrangement of charts, wherein each chart fills a table cell. It allows at-a-glance comparisons of complex data.
Chart Grid
Dashboard
Displays a collection of user-customizable panels that can contain a variety of content such as reports, web sites, and streaming media.
Dashboard
Dimension Grid
Displays a dynamic data table, chart, and/or heatmap with a number of optional menu choices that allow the user to interact at runtime with XOLAP data.
Dimension Grid
OLAP Grid
Displays a dynamic data table with a number of optional menu choices that allow the user to interact at runtime with OLAP data.
OLAP Grid
Report Author
The ReportAuthor element allows the user to work with a dashboard-like interface to create basic reports. (v11.4.046+)
Report Author
Scheduler
The Scheduer element allows you to schedule the automatic generation and distribution of reports.
Scheduler
Back to top
DATA TABLES
Crosstab Table
Displays a Crosstab table. Rows are grouped together by some value, with each unique instance spread across the report columns.
Crosstab Table
Data List
Displays data in an ordered (numbered) or unordered (bulleted) list.
Data List
Data Multi-Column List
Displays data in a multi-column list or grid format. You pick the number of columns, and each row will be displayed in a single cell.
Data Multi-Column List
Data Table
Displays data in a table or grid format, and can be visually customized using style classes. Its cells can contain text, images, links, and more.
Data Table
Data Tree
Displays data in a hierarchical tree layout. The user expands and contracts branches of the tree by clicking on an icon image shown at the left of each branch.
Data Tree
Back to top
CHART CANVAS CHARTS
Series.Area
Displays an HTML5/JavaScript-based Area chart, with animation, legend filtering, forecasting, and more.
Series.Area
Series.Area Range
Displays an HTML5/JavaScript-based Area Range chart, with high and low values, animation, legend filtering, and more.
Series.Area Range
Series.Area Spline
Displays an HTML5/JavaScript-based Area Spline chart, with animation, legend filtering, and more.
Series.Area Spline
Series.Area Spline Range
Displays an HTML5/JavaScript-based Area Spline Range chart, with high and low values, animation, legend filtering, and more.
Series.Area Spline Range
Series.Bar
Displays an HTML5/JavaScript-based Bar chart, with high and low values, animation, legend filtering, forecasting, and more.
Series.Bar
Series.Bar Range
Displays an HTML5/JavaScript-based Bar Range chart, with animation, legend filtering, and more.
Series.Bar Range
Series.Bubble
Displays an HTML5/JavaScript-based Bubble chart, with animation, legend filtering, and more.
Series.Bubble
Series.Funnel
Displays an HTML5/JavaScript-based Funnel chart, with animation, legend filtering, and more.
Series.Funnel
Series.Heatmap
Displays an HTML5/JavaScript-based Heatmap chart, with cell grouping, quicktips, and more.
Series.Heatmap
Series.Line
Displays an HTML5/JavaScript-based Line chart, with animation, legend filtering, forecasting, and more.
Series.Line
Series.Pie
Displays an HTML5/JavaScript-based Pie chart, with animation, legend filtering, variable shapes, and more.
Series.Pie
Series.Pyramid
Displays an HTML5/JavaScript-based Pyramid chart, with animation, legend filtering, and more.
Series.Pyramid
Series.Scatter
Displays an HTML5/JavaScript-based Scatter chart, with animation, legend filtering, and more.
Series.Scatter
Series.Spline
Displays an HTML5/JavaScript-based Spline chart, with animation, legend filtering, and more.
Series.Spline
Series.Waterfall
Displays an HTML5/JavaScript-based Waterfall chart, with animation, intermediate sums, and more. (v11.3.049+)
Series.Waterfall
Series.Whiskers
Displays an HTML5/JavaScript-based Whiskers chart, displaying data variability. (v11.4.046+)
Series.Whiskers
Back to top
CLASSIC CHARTS, GAUGES & MAPS
Animated Map
Displays a Flash-based, interactive, and data-driven map, drawn from a preset library of 186 countries and regions worldwide.
Animated Map
Chart.Gantt
Displays a Gantt chart, a graphical representation of the duration of tasks against the progression of time.
Chart.Gantt
Gauge.Angular
Displays a Needle Gauge image, similar to a speedometer. Angular gauges can have labels, tick marks, and different colored rings. (v12.2+).
Gauge.Angular
Gauge.Arc
Arc gauges are simple, clean visualizations which show beginning and ending values, with an arched color bar between them. The data value number is shown inside the arc.
Gauge.Arc
Gauge.Balloon Bar
Balloon Bar gauges show a value inside a prominent balloon box, with a pointer going into the bar.
Gauge.Balloon Bar
Gauge.Bar
Displays a Bar Gauge image, which may have labels and tick marks and a horizontal or vertical orientation.
Gauge.Bar
Gauge.Bullet Bar
Bullet Bar gauges show gauges show a bar within a bar. These are especially good for presenting key values in an easy-to-read image.
Gauge.Bullet Bar
Gauge.Indicator
Displays an Indicator Gauge, which can utilize differently-colored rectangle, circle, up or down triangle, or image indicators, depending on a value.
Gauge.Indicator
Google Map
Displays a Google Map, which is an interactive geographic map that can be programmed to identify locations and have other features.
Google Map
Leaflet Map
Displays a Leaflet Map, which is an interactive geographic map that can be programmed to identify locations and have other features.
Leaflet Map
Map Polygons
Displays transparent regions, plotted onto a Google or Leaflet map, that can be different colors based on data values.
Map Polygons
Map Polylines
Displays solid or semi-transparent, color-coded lines on a Google or Leaflet map, based on data.
Map Polylines
Sparklines
Sparklines are tiny charts appropriate for showing many trends at once, as a set of small timelines. They're typically drawn without axes or gridlines and are often shown inside data tables, alongside labels.
Sparklines
Text Cloud
Displays a grouping of words with produces a unique visual depiction of the relative weightings of words and phrases.
Text Cloud
Back to top
CONTAINERS
Division
Groups a collection of elements together, making it easier to manage elements inside Studio and show or hide them in a report.
Division
Fieldset Box
A container which wraps its contents in a single-line rectangle, with a caption at the top left. (v11.4.046+)
Fieldset Box
Popup Panel
Displays reports, images, etc. in a popup window that can be configured for location, size, modal type, etc.
Popup Panel
Tabs
Displays content in a series of tabbed panels. The contents of all tabs are rendered, but only the "top" selected tab content is visible. Clicking on another tab shows the contents of that selected tab.
Tabs
Sub-Report
Allows one report to be displayed within another. This can be another Logi report definiton or an external HTML page, either embedded or inside an iFrame. This is very useful when working with dashboards.
Sub-Report
Data Calendar
Displays data-driven weekly or monthly calendars, which can contain embedded labels, links, data, and charts.
Data Calendar
Back to top
USER INPUT & INTERACTION
Action.Popup Menu
Displays a popup menu, from which users can make a selection.
Action.Popup Menu
Label
Displays text or data, and can be used to create a standard HTML link. When combined with Action elements, this link can trigger navigation or other actions when the user clicks it.
Label
Button
Displays a button. When combined with Action elements, triggers navigation or other actions when the user clicks it.
Button
Fieldset Box
A container which wraps its contents in a single-line rectangle, with a caption at the top left. (v11.4.046+)
Fieldset Box
Input Checkbox
Displays a checkbox. If the value is checked by the user, then in the next report an @Request token for the checkbox will contain its CheckedValue value.
Input Checkbox
Input Checkbox List
Combines the features of Input Checkbox and Input Select List: it displays items in a list, each with its own checkbox.
Input Checkbox List
Input Combo List
The Input Combo List element combines features of the Input Text, Input Select List, and AutoComplete elements. (v12.1.188+)
Input Combo List
Input Date
Allows entry of a date value, and provides a pop-up calendar to help the user select a date. Dates entered can be in a wide variety of formats.
Input Date
Input Email
Allows entry of one or more email addresses.
Input Email
Input Grid
When creating a form, this invisible grid makes alignment of input elements easier.
Input Grid
Input Password
Allows entry of a password value, obscuring the characters entered by representing them with dots.
Input Password
Input Radiobuttons
Displays a list of items as radio buttons, arranged horizontally or vertically, allowing the user to select one of them.
Input Radiobuttons
Input Select List
Displays items in a scrollable list, allowing the user to select one, or optionally several, of them.
Input Select List
Input Slider
Allows user input with a graphical slider control, which can have a horizontal or vertical orientation.
Input Slider
Input Text
Allows entry of a single line of text, with the ability to specify its width and the number of characters that can be entered.
Input Text
Input Text Area
Allows entry of multiple lines of text, with the ability to specify its width and the number of rows visible.
Input Text Area
Input Time
Allows entry of a time value, and provides a pop-up grid to help the user select a time. Times can be entered in a wide variety of formats.
Input Time
Back to top