Jocelyn Collado-Kuri 127367464e Standardization across Zabbix UI components (#2141)
## Summary

Throughout Zabbix we did not have a uniform UI - some drop-down were
using `Select` others `Combobox` others a custom one that we created.
Some had placeholders and others did not. This PR aims to standardize
our Zabbix UI across our query, variable and config editors

## Detailed summary 

- Migrate from `Select` to `Combobox` -> `Select` component is
deprecated
- Migrate from `HorizontalGroup` to `Stack` -> `HorizontalGroup` is also
deprecated
- Remove use of "custom" dropdown `MetricPickerMenu` in favor of
`Combobox` ensuring uniformity across our drop-down and removing
maintenance overhead for us down the line
- Standardize placeholders across all inputs

<img width="630" height="243" alt="Screenshot 2025-12-17 at 1 13 45 PM"
src="https://github.com/user-attachments/assets/9382057e-b443-4474-a9c8-850086d7f3d4"
/>

<img width="691" height="256" alt="Screenshot 2025-12-17 at 1 14 05 PM"
src="https://github.com/user-attachments/assets/a05ff2af-8603-4752-8d12-337dc381c0fd"
/>

## Why
To have a clean and standard UI and remove use of UI deprecated
packages.

## How to test
- Query Editor:
- By creating a new query in a dashboard or Explore and interacting with
all the different query types and drop-downs
     - All drop-downs should be searchable and have placeholders
- Config Editor:
- By going to a datasource and ensuring that the dropdown for Datasource
(when DB connection is enabled) and Auth type are responsive and working
as expected)


Fixes:
https://github.com/orgs/grafana/projects/457/views/40?pane=issue&itemId=3740545830&issue=grafana%7Coss-big-tent-squad%7C139
2025-12-18 14:28:29 +00:00
2024-11-27 10:32:48 +00:00
2025-02-04 18:04:07 +07:00
2023-09-28 15:48:41 +02:00
2017-07-25 00:03:52 +03:00
2025-10-17 09:47:21 +00:00
2025-09-18 16:36:00 +02:00
2024-01-08 17:45:55 +00:00
2025-12-10 19:25:04 +01:00
2024-02-06 08:14:06 +00:00
2025-12-10 19:25:04 +01:00

Zabbix plugin for Grafana

Version Change Log Docs

Dashboard

Features

  • Select multiple metrics by using Regex
  • Create interactive and reusable dashboards with template variables
  • Show events on graphs with Annotations
  • Display active problems with Triggers panel
  • Transform and shape your data with metric processing functions (Avg, Median, Min, Max, Multiply, Summarize, Time shift, Alias)
  • Find problems faster with Alerting feature
  • Mix metrics from multiple data sources in the same dashboard or even graph
  • Discover and share dashboards in the official library

See all features overview and dashboards examples at Grafana-Zabbix Live demo site. Visit plugins page at grafana.com and check out available Grafana data sources, panels and dashboards.

Installation

Install by using grafana-cli

grafana-cli plugins install alexanderzobnin-zabbix-app

Or see more installation options in docs.

Getting started

First, configure Zabbix data source. Then you can create your first dashboard with step-by-step Getting started guide.

Documentation

Community Resources, Feedback, and Support

  • Found a bug? Want a new feature? Feel free to open an issue.
  • Have a question? You also can open issue, but for questions, it would be better to use Grafana Community portal.
Description
grafana zabbix fork
Readme Apache-2.0 18 MiB
Languages
TypeScript 68.4%
Go 22.8%
SCSS 5.3%
JavaScript 1.3%
Python 1%
Other 1.1%