Custom nastavení aplikace
Nastavení vzhledu a dalších přizpůsobení platformy Flexideo pro konkrétní aplikaci je možné provádět v souboru custom-script.
Všechna možná nastavení a jejich popis je uvedený na gitu.
Níže jsou vypsaná některá z často používaných nastavení:
Nastavení designu aplikace:
Umístění loga:
$custom.logoPosition = "top"; /* "left" | "top" - pozice loga v menu (default: left) */
Layout:
$custom.layout = "v1" /* vzhled komponent na strance = v1 (standard) / v2 (airy) */;
Zaoblení všech rohů v aplikaci:
$custom.corners = "sharp"; /* "sharp" | "smooth" - ostre nebo zakulacene rohy (default: smooth) */
$custom.smoothCornersRadius = "6px"; /* radius zaobleni zakulacenych rohu (default: 6px) */
Barevnou paletu:
| $custom.colorPalette = [ |
| "#000000", "#E44C00", "#4C4D00", "#004C00", "#004C98", "#0000BF", "#4C4CE4", "#4C4C4C", "#BF0000", "#FF9800", "#BFBF00", "#00BF00", "#00BFBF", |
| "#0000FF", "#9898E5", "#BEBEBE", "#FF0000", "#FFE500", "#E4FE00", "#4CE498", "#4DFEFE", "#4D98FF", "#BF00BF", "#E0E0E0", "#FF00FF", "#FFFE00", |
| "#FFFF00", "#00FF00", "#00FFFF", "#00FEFF", "#E54D98", "#FEFEFE", "#FFE4FE", "#FFFEE4", "#FFFFE5", "#FEFFFE", "#FEFFFF", "#E4FEFF", "#FEE5FF" |
| ]; /* paleta barev, ktere nabizi colorbox (default: []) */ |
Další nastavení designu aplikace se provádí skrze nastavení souboru custom-style
Mezi nejdůležitější úpravy prováděné v tomto souboru patří výchozí barva aplikace, barvy různých pozadí, ikon, menu a hlaviček.
--base-color: #FEF3F4;
--highlight-color: #E71920;
--active-control: #E71920;
--button-background: #849E50;
--button-hover-background: #D82920;
--button-content: #000000;
--button-hover-content: #000000;
--cmp-header-background: #E4F2GD;
--cmp-header-icon-background: #8EC1E4;
--cmp-header-content: #000000;
--cmp-header-border: transparent;
--menu-background: #fff;
--panel-background: #E7773C;
--body-background: #F1E5E8;
--table-interleaving-color: #f8f8f8!important;
Dále lze upravovat i funkční nastavení, např.:
Výchozí předvolbu pro telefonní číslo na formulářích:
$custom.phoneNumberPrefix = "420"; /* vychozi tel. predvolba pro nature:phone validaci (default: 420) */
Nastavení oznámení:
$custom.Alerts.enabled = true; /* boolean - pouzivat oznameni v instanci aplikace (default: true) */
$custom.Alerts.useMessenger = false; /* boolean - prebirat oznameni z Messengeru (default: false) */
$custom.messenger = false; /* boolean - pouzivat v instanci aplikace Messenger (pro rizeny refresh tabulek apod.) (default: false) */
$custom.Alerts.messages =
[
"warning-banner|2025-02-23T05:59:00|Od soboty 22.2.2025 od 22:00 do neděle 23.2.2025 do 6:00 proběhne plánovaná odstávka aplikace.",
];
Přístup k supportu:
$custom.Support.enabled = false; /* povolit/zakazat zobrazovani supportu */
$custom.Support.requestAction = "send_action_request"; /* nazev akce pro odeslani support pozadavku (akce ma prednost pred URL) */
Uživatelská nastavení:
Umožnit změnu hesla:
$custom.User.showPasswordChangeItemInMenu = true; /* boolean - zobrazovat polozku 'Zmenit heslo' v menu (default: true) */
Rozložení levého menu:
$custom.User.keepCurrentModulePosition = false; /* boolean - zachovat pozici zvoleneho modulu v menu, jinak se vzdy zaradi na prvni pozici (default: false) */
$custom.User.keepOtherModulesExpanded = false; /* boolean - zachovat ostatni moduly v menu rozbalene, jinak se vzdy sbali (default: false) */