headerMAX

Co nás čeká?

Popis

Widget headerMAX je navržen tak, aby vylepšil přizpůsobení a použitelnost vašeho dashboardu Zabbix. Umožňuje uživatelům vytvářet vizuálně odlišné záhlaví sekcí a interaktivní tlačítka s odkazy na URL. Tyto funkce pomáhají zlepšit navigaci a organizaci, což usnadňuje strukturování dashboardu podle konkrétních potřeb monitorování.

S headerMAX-em mohou uživatelé plně přizpůsobit svá tlačítka a záhlaví výběrem z několika stylů písma, barev pozadí, velikostí textu a dalších možností designu. Tato úroveň přizpůsobení zajišťuje, že důležité části vyniknou, a zlepšuje přehlednost a efektivitu rozložení ovládacího panelu.

Dodatečně, možnost vytvořit tlačítka s odkazem na URL umožňuje rychlý přístup k externím zdrojům, zprávám nebo různým zobrazením dashboardu, čímž se zkracuje čas strávený hledáním důležitých informací. Ať už se používá k kategorizaci sekcí, zvýraznění klíčových metrik nebo propojení s důležitými nástroji, headerMAX činí dashboard Zabbix uživatelsky přívětivějším, vizuálně atraktivnějším a funkčně přizpůsobivějším.

Instalace

headerMAX distribuujeme jako standardní deb/rpm balíček z našeho repozitáře repo.initmax.com. Balíček modul nainstaluje do Zabbix frontendu, automaticky ho povolí a zmigruje dashboardy používající starší header widget – v Zabbix frontendu není potřeba žádný ruční krok. Widget je zároveň HA ready – multi-frontend / HA nasazení funguje bez dalšího nastavování, stačí balíček nainstalovat na každý frontend node.

Připojte se na server se Zabbix frontendem přes SSH (proveďte na všech frontend nodech) a spusťte příkazy pro vaši distribuci.

FREE edice

# Debian / Ubuntu
wget https://repo.initmax.com/zabbix/release/initmax-release-latest_all.deb
dpkg -i initmax-release-latest_all.deb
apt update && apt install zabbix-module-headermax
# RHEL / Rocky / Alma
rpm -Uvh https://repo.initmax.com/zabbix/release/initmax-release-latest.noarch.rpm
dnf clean all && dnf install -y zabbix-module-headermax
# SUSE
rpm -Uvh https://repo.initmax.com/zabbix/release/initmax-release-latest.noarch.rpm
zypper --gpg-auto-import-keys refresh && zypper install -y zabbix-module-headermax

PRO edice

Po nákupu se přihlaste do zákaznického portálu initMAX a vygenerujte si repository token (Profile → Repo tokens). Token vám odemkne PRO repozitář. V příkazech níže nahraďte TOKEN svým tokenem – nebo si rovnou zkopírujte předvyplněné příkazy z katalogu na portálu.

# Debian / Ubuntu
wget https://repo.initmax.com/zabbix/release/initmax-release-latest_all.deb
dpkg -i initmax-release-latest_all.deb
sed -i -e '/^# Types: deb/,$ s/^# //' -e 's|USER:TOKEN|token:TOKEN|' /etc/apt/sources.list.d/initmax.sources
apt update && apt install zabbix-module-headermax
# RHEL / Rocky / Alma
rpm -Uvh https://repo.initmax.com/zabbix/release/initmax-release-latest.noarch.rpm
sed -i -e '/#\[initmax-zabbix-pro\]/,$ s/^#//' -e 's|USER:TOKEN|token:TOKEN|' /etc/yum.repos.d/initmax.repo
dnf clean all && dnf install -y zabbix-module-headermax
# SUSE
rpm -Uvh https://repo.initmax.com/zabbix/release/initmax-release-latest.noarch.rpm
sed -i -e '/#\[initmax-zabbix-pro\]/,$ s/^#//' -e 's|USER:TOKEN|token:TOKEN|' /etc/zypp/repos.d/initmax.repo
zypper --gpg-auto-import-keys refresh && zypper install -y zabbix-module-headermax

Ověření 

Modul se povolí automaticky během instalace balíčku. Ověřit to můžete v menu Zabbix frontendu: Administration → General → Modules

headerMAX module enabled in Zabbix

Přecházíte ze staršího widgetu header? Existující widgety na dashboardech se automaticky zmigrují na headerMAX při prvním přihlášeném načtení stránky – veškerá konfigurace zůstane zachovaná. Aktualizace pak dostáváte přes package manager (apt / dnf / zypper) jako u kteréhokoli jiného systémového balíčku.

Konfigurace

headerMAX configuration (PRO)
Pole Popis
Content Hlavní text nebo obsah HTML, který se má zobrazit v widgetu záhlaví.
Allow HTML tags in content Umožňuje vykreslení základních HTML tagů (např. <b>, <i>, <br>) v obsahu.
Resolve macros Před vykreslením vyhodnotí expression makra v obsahu (např. živé hodnoty položek).
Font family Nastaví písmo použité pro text (např. Rubik, Arial atd.).
Font color Definuje barvu textu pomocí výběru barvy nebo hexadecimálního kódu.
Font size Nastavuje velikost textu v pixelech.
Font style Možnosti pro tučné, podtržené nebo kurzívní zobrazení textu.
Background color Nastaví barvu pozadí oblasti záhlaví.
Horizontal align Zarovná obsah vodorovně: None, Left, Center, Right.
Vertical align Zarovná obsah vertikálně: None, Top, Middle, Bottom.
Padding Nastaví odsazení (mezera) kolem obsahu v pixelech.
Remove background and border Odstraní barvu pozadí a ohraničení, aby byl widget zcela průhledný.

Příklady použití

Zde je několik příkladů, jak můžete widget headerMAX použít

Příklad 1 – Záhlaví sekcí (FREE)

Strukturujte dashboard barevnými záhlavími sekcí. Čistý text s vlastním fontem, velikostí, barvou, pozadím a zarovnáním – bez HTML, plně dostupné ve FREE edici.

headerMAX záhlaví sekcí (FREE)

Příklad 2 – Živé dashboard dlaždice (PRO)

PRO edice vykresluje HTML obsah a vyhodnocuje expression makra na živé hodnoty položek. Konfigurační formulář obsahuje čtyři šablony EXAMPLES na jedno kliknutí – KPI tiles, Single stat, Gauge bar a Throughput – použijte je rovnou, nebo jako základ vlastních dlaždic:

headerMAX KPI dlaždice (PRO)
headerMAX vestavěné PRO šablony

Příklad 3 – Interaktivní tlačítko pro navigaci v ovládacím panelu (funkce pouze v PRO verzi)

Pomocí HTML může widget headerMAX fungovat jako vlastní navigační tlačítko, které odkazuje na jiný dashboard.

To je užitečné zejména pro vytváření vizuálních nabídek, přehledů sekcí nebo panelů pro rychlý přístup přímo v rozložení řídicího panelu. Díky stylům aplikovaným přímo v HTML můžete ovládat rozložení, odsazení, ikony a chování při najetí kurzorem myši tak, aby vyhovovaly vašim požadavkům na branding a uživatelské rozhraní.


Níže uvedený příklad obsahuje klikatelnou ikonu a název, stylizované jako dlaždice se zaoblenými rohy a přechodem barvy pozadí při najetí kurzorem myši.

Poznámka: Tento příklad vyžaduje, aby byl v nastavení widgetu povolen HTML kód, a může používat vlastní ikony Zabbixu (např. z imgstore.php).

Příklad kódu

<div style="
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    transition: background-color 0.3s ease;">
    
    <!-- MANUAL: Link to target dashboard -->
    <a href="zabbix.php?action=dashboard.view&dashboardid=1" 
       style="
       text-decoration: none;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       width: 100%;
       height: 100%;
       padding: 120px;
       box-sizing: border-box;
       transition: background-color 0.3s ease;"
       onmouseover="this.parentNode.style.backgroundColor='#f7be00';" 
       onmouseout="this.parentNode.style.backgroundColor='white';">
       
        <div style="
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;">
            <!-- MANUAL: Icon source and alt text -->
            <img src="imgstore.php?iconid=127" 
                 alt="Dashboard icon" 
                 height="110" 
                 style="
                 max-width: 100%;
                 object-fit: contain;">
        </div>
        
        <!-- MANUAL: Tile label -->
        <p style="
        color: #0D142D;
        font-weight: bold;
        margin: 10px 0 0;
        text-align: center;
        line-height: 1.2;">Network Overview</p>
        
    </a>
</div>

Kde to seženu?

Pokud vás tento widget zaujal, najdete ho v našem e-shopu. Tam se dozvíte více o dostupných verzích a o tom, jak produkt získat.

×Košík

Váš košík je prázdný.