Možnosti zobrazenia tab-ov v editore

Browse: Home / FAQ / Možnosti zobrazenia tab-ov v editore

Tab-y (záložky) v editore sa nastavujú v nastavniach parametra,

v záložke Extended, kde pridáte vlastnosť Tab, typu String.

Toto funguje aj v mobilnej aplikácii.

⚠️ Nasledujúca funkcionalita je dostupná len vo webovej verzii ERPIO App.

Webová aplikácia podporuje ďalšie možnosti zobrazenia záložiek.

Editor je možné rozdeliť na rôzne časti tak, že do vlastnosti Tab pre parameter zadáte nasledovné názvy:

• SysHeader – panel, ktorý sa zobrazí nad hlavným panelom
• SysFooter – panel, ktorý sa zobrazí pod hlavným panelom
• SysLeftPane – panel, ktorý sa zobrazí vľavo od hlavného panelu
• SysRightPane – panel, ktorý sa zobrazí vľavo od hlavného panelu

Šírku SysLeftPane a SysRightPane je možné nastavovať pomocou posubného splittera, ktorého polohu si prehliadač bude pamätať (na základe ID akcie).

Okrem záložiek je možné nastaviť aj iné form zobrazenia:

• Stepper – záložky vo forme indikátorov krokov
• Carousel – záložky vo forme panelov, medzi ktorými je možné prepínať posúvaním – automaticky alebo ručne pomocou šipiek či indikátorov. Funguje podobne ako „slideshow“, kde sa obsah strieda v jednom zobrazovacom priestore.

TabsConfig

Nastavenie sa robí v MetaData danej editačnej akcie, do poľa Prop. Name zadajte hodnotu TabsConfig.

Do hodnoty (pole Value) sa zadá konfigurácia vo forme JSON stringu

Príklad zobrazenia steppera:

{
    "ShowAs":"Stepper",
    "Linear":true
}

Nastavenie Linear je možné použiť aj pre klasické taby – nedovolí prepnúť medzi záložkami, kým aktuálna nebude validná.

Príklad zobrazenia ako carousel:

{
    "ShowAs":"Carousel",
    "CarouselConfig": {
        "ButtonsVisibility": true,
        "ShowIndicators": true,
        "AutoPlay": true,
        "IntervalSeconds": 2,
        "Loop": false,
        "IndicatorType": "Progress"
    }
}

Popis dostupných vlastností z nastavenia TabsConfig:

Ukážky indikátorov: