Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
23 changes: 23 additions & 0 deletions user-guide/components/report-items.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,12 @@ published: True
position: 10
---

<style>
img[alt$="><"] {
border: 1px solid lightgrey;
}
</style>

# Report Items in the Web Report Designer

The Report Items are visual elements used to display and organize content within a report.
Expand Down Expand Up @@ -111,4 +117,21 @@ To learn more about working with the Panel item, see the [Panel article in the m

The Gauge visualizes key performance indicators (KPIs) and progress toward goals. It supports both radial (circular, like speedometers) and linear (horizontal or vertical bars) gauges. You can incorporate the Gauge in dashboards and reports where you need to visualize KPIs, progress, or performance metrics at a glance, such as sales targets, speed, or completion percentages.

### Radial Gauge

### Linear Gauge

The linear gauge is represented by a horizontal or vertical scale and displays its value as a a percentage of the total scale's length. By clicking the **Linear Gauge Wizard** from the **Components tray**, the **Configure Linear Gauge** pane appears on the right side:


![Linear Gauge Wizard ><](images/wrd-report-items-linear-gauge-wizard.png)
According to the selected **Linear gauge type**, one of the following linear gauges can be created:

|Type|Single-Range|Multi-Range|
|----|----|----|
|Horizontal|![Single Horizontal Linear Gauge](images/wrd-report-items-linear-gauge-single-horizontal.png)|![Multiple Horizontal Linear Gauge](images/wrd-report-items-linear-gauge-multiple-horizontal.png)|
|Vertical|![Single Vertical Linear Gauge](images/wrd-report-items-linear-gauge-single-vertical.png)|![Multiple Vertical Linear Gauge](images/wrd-report-items-linear-gauge-multiple-vertical.png)|

<iframe width="560" height="315" src="https://www.youtube.com/embed/cV10F3Hiky8?si=paPYNuf8TVI7WQwx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

To learn more about working with the Gauge item, see the [Gauge article in the main Telerik Reporting documentation]({%slug telerikreporting/designing-reports/report-structure/gauge/overview %}).