Advanced UI configuration for Zabbix — color tags, dashboard tweaks, draggable modals, custom themes and fonts, syntax highlighting in editors, and per-user overrides.
The uxMAX module enhances Zabbix by providing advanced UI configuration options that improve clarity and overall user experience. Tailor colour themes and fonts, tidy up dashboards, make modal dialogs draggable, color-code tags for faster recognition, get syntax highlighting in editors, and let each user layer their own preferences on top — all from a single Zabbix module.
- Hide widget header outside edit mode — for widgets with Show header unchecked, the header is hidden completely (not even on hover) and reappears only when the dashboard is switched to edit mode.
- Compact dashboard — removes the padding around widgets so they sit flush against each other; saves space on dense dashboards.
- Colored tags — tags throughout the UI are coloured according to your rules (starts with / contains / ends with), making them easier to scan at a glance.
- Per-user overrides — each user can layer their own color tag rules on top of the global ones from My uxMAX; admins can disable this gate globally.
- Draggable modal windows — drag modal dialogs by their title bar. Intended mainly for Zabbix 7.0 (Zabbix 7.4 has this natively).
- Minimum modal width — set a pixel minimum for modal dialogs when the default is too narrow for the content.
- Show disabled items in Latest data — disabled items appear greyed out with a D badge in the Info column.
- Custom color theme — custom background color for the page body and/or the sidebar; useful for distinguishing multiple Zabbix instances at a glance.
- Custom font — load a font from a Google Fonts URL or upload a font file; applied across the whole Zabbix UI.
- JavaScript (script items, preprocessing) and Zabbix expressions (triggers, calculated items) in editors, with adjustable font size and family.
- Fully compatible with Zabbix 7.0 and PHP 8.0.
-
Connect to your Zabbix frontend server (perform on all frontend nodes) via SSH.
-
Navigate to the
ui/modules/directory (uiis typically located at/usr/share/zabbix/ui/)cd /usr/share/zabbix/ui/modules/ -
Clone the repository on your server
git clone https://git.initmax.cz/initMAX-Public/zabbix/modules/Zabbix-UI-Modules-uxMAX.git
-
Change ownership of the directory to the user under which your Zabbix frontend runs:
chown nginx:nginx ./Zabbix-UI-Modules-uxMAX*chown apache:apache ./Zabbix-UI-Modules-uxMAX*chown www-data:www-data ./Zabbix-UI-Modules-uxMAX* -
Open the Zabbix frontend menu → Administration → General → Modules
-
Click Scan directory at the top
-
Enable the newly discovered uxMAX module
-
Configure all options under Administration → uxMAX configuration; users can manage their per-user color tag overrides under User settings → My uxMAX.
initMAX.com
info@initmax.com
