=== Upozornění ===
Od verze 6.2 (datum vydání leden 2021) bude jako výchozí design po instalaci verze nastaven tento nový. Od verze 6.3 (datum vydání červenec 2021) již nebude starý design obecného klienta k dispozici.
==== Nový design obecného klienta a jeho nasazení ====
Od podzimu 2019 je v ESO9 dostupný pro obecného klienta nový design. Protože se jedná o poměrně revoluční krok, bude po několik verzí k dispozici zároveň i design původní tak, aby se uživatelé mohli na změnu připravit. Ve výchozím nastavení ESO9v6.0 (resp. doplňku k verzi 5.9) se bude obecný klient zobrazovat ve starém designu a zobrazení aplikace v novém bude vyžadovat explicitní nastavení/přepnutí.\\
Hlavními cíli nového designu jsou zjednodušení a zpřehlednění uživatelského rozhraní, které má vést k intuitivnějšímu ovládání. Jedná se zejména o následující změny:
  * Navigační lišta (NavBar), umístěná dříve pod formulářem, byla přesunuta nad formulář. Veškeré ovládání formuláře (tlačítka pro vkládání, ukládání a rušení dat, zaškrtávací políčko pro označení věty a ikony pro posun mezi větami) bylo přesunuto do levého horního rohu.
  * Nástrojová lišta (toolbar) zůstala na svém původním místě, pouze se změnila grafika ikon a část je viditelná přímo (ikony pro přepnutí režimu zobrazení, hledání, filtrování a obnovu dat) a zbylé ikony (nastavení konfigurace, opisy dat a zobrazení uložených sestav) se zobrazí až po najetí myší na ikonu (tzv. hamburger menu).
  * Systémové menu se zobrazí kliknutím na ikonu (tzv. hamburger menu) v nástrojové liště v pravé horní části formuláře.
  * Byly odstraněny odkazy na stránky a sestavy ze záhlaví, jsou nyní k dispozici rozdělené pod tlačítky Odkazy a Sestavy v pravé horní části. Vybrané sestavy je možné přesunout pod tlačítko Odkazy. Zároveň si lze vybrané odkazy nebo sestavy přidat do levé horní části jako tlačítka.
  * Při práci se záznamy jsou k dispozici jen ta tlačítka, která mají v daném okamžiku význam. Např. při editaci nejsou vidět tlačítka Nový a Smazat, protože v daném kontextu nemají význam. 
  * Stav řádku (vložení nového nebo editace) se nyní neidentifikuje obarvením celého pruhu, ale pouze obarvením textu v záhlaví (např. názvu vzoru) a tlačítka. Při zamknutí záznamu (resp. celé části se záznamy) nejsou k dispozici žádné tlačítka, zamknutá část zešedne. 
  * Pokud jsou data vyfiltrována, vyfiltrována z hledání nebo je použitá konfigurace, obarví se jen příslušná ikona v pravé horní části.
  * Část dialogů (filtr a opisy dat) je řešena panelem napevno přilepeným k pravé části obrazovky, zbylé dialogy zůstaly plovoucí.
  * Pro ještě lepší odlišení filtru od formuláře je filtr jinak obarvený. Zároveň pozadí pod vyplněnými položkami filtru zešedne, na první pohled je tak zřejmé, podle čeho se filtruje.
  * Bylo odstraněno podtržení pod odkazy na číselníky, po použití odkazu se nezmění jeho obarvení.
  * Šířka všech textových položek ve formuláři se nastavuje na jednu ze tří základních velikostí tak, aby byly položky ve formulářovém zobrazení zarovnány zprava i zleva.
=== Konfigurace obecného klienta ===
Všechny soubory tvořící obecného klienta (Javascript + kaskádovité styly) jsou popsány v konfiguračním souboru ''eso9.ver.xml'', který je uložen v Support webu ve složce ''C:\Program Files (x86)\ESO9\eso9net\Support\Lib\''. Jednotlivé soubory mohou mít různé upřesňující vlastnosti, pomocí nichž je lze filtrovat pro cílovou stránku; v tomto případě se použije vlastnost udávající verzi:\\
<code>
  <!-- Stylopis prvků specifických pro obecného klienta - varianta z externího webu ESO9 (denní buildy => rychlejší aktualizace) -->
  <style src="https://podpora.eso9.cz/download/ESO9.css/eso9ok-5.8.0.css?ticks=%OKSCRIPTSTICKS%" ver="5.9"/>
  <style src="https://podpora.eso9.cz/download/ESO9.css/eso9ok-6.0.0.css?ticks=%OKSCRIPTSTICKS%" ver="6.0"/>
</code>\\
V ukázce je nadefinováno, že pro stránky aplikace verze 5.9 se má použít stylovací sešit ''eso9ok-5.8.0.css'', zatímco pro stránky verzi 6.0 se použije soubor ''eso9ok-6.0.0.css''. Stejným způsobem lze k souborům doplnit i atribut ''lng'', který umožní filtrovat soubory dle použitého jazyka cílové aplikace. Nemá-li soubor použit žádný upřesňující atribut, bude se vkládat do všech stránek nezávisle na verzi či jazyku.\\
Konfigurační soubor ''eso9.ver.xml'' s uvedenými vlastnostmi je součástí instalace doplňku k v5.9 a samozřejmě také instalace verze 6.0.\\
=== Struktura navigace obecného klienta ===
S úpravou designu ESO9 souvisí i změna struktury navigace aplikace; strom činností a horní menu jsou fyzicky uloženy v jiných souborech. Aby nebylo nutné pro nasazení nového designu kopírovat ad-hoc soubory ve Start adresáři, použijeme pro úpravu struktury navigace aplikační parametr //NAVIG_STRUCT//. Ten existuje v ESO9 již od verze 5.8 a je podrobněji popsán [[techdoc:noframes|zde]]. Pro účely nové struktury navigace existuje ve Start webu od verze 6.0 dvojice "navigačních" souborů //NavigOK.json// a //NavigOK6.0.json//. Pro nový design je třeba do aplikačního parametru //NAVIG_STRUCT// zadat název souboru //NavigOK6.0.json//, pro původní vzhled pak název souboru //NavigOK.json// (ten je výchozí po instalaci).
=== Konfigurace aplikace pro použití nového designu ===
V předchozím textu byla zmíněna možnost definovat jednotlivé soubory obecného klienta pro různé verze aplikací ESO9. Zbývá říci, odkud se verze aplikace bere.\\
Konfigurace aplikace je vždy kombinací vlastností nastavených ve Správci ESO9 (ty jsou persistentně uložené v registrech) a vlastností definovaných v konfiguračním souboru ''web.config'', který je vždy součástí aplikačního webu. Konkrétně verze aplikace se bere právě ze souboru ''web.config'':
<code>
  <appSettings>
    <add key="eso9_okScriptVer" value="5.9" />
  </appSettings>
</code>\\
V uvedeném příkladu se použijí pro obecného klienta soubory označené verzí 5.9 a pro přepnutí celé aplikace do nového designu postačí do konfiguračního souboru uvést verzi 6.0.\\
Od verze 6.2 (datum vydání leden 2020) je tento konfigurační prvek vypuštěn a aplikace obecného klienta se zobrazují v novém designu.