Styly ESO9

info

Tento obsah je dostupný i jako přiložený dokument. Stáhnout PDF

1. Popis práce se styly v ESO9

Stylem ESO9 se rozumí soubor CSS souborů (kaskádové styly) a obrázků reprezentujících ikony a pozadí použité ve formulářích ESO9. Korektní využití kaskádových stylů v ESO9 předpokládá, že se v používaných formulářích nevyskytují tagy (značky) FONT a in-line styly. Formuláře ve Start adresáři ESO9 jsou již od nepotřebných tagů vyčištěny, formuláře v používaných aplikačních webech je třeba vyčistit buď ručně, nebo pomocí utility Viktor.exe , která je dostupná na FTP fy ESO9 international.

Styly lze v aplikacích ESO9 škálovat následovně:

• Styl je společný všem aplikacím běžícím na stejném aplikačním serveru
• Styl je specifický pro každou aplikaci ESO9
• Styl je specifický pro každého uživatele ESO9

Všechny tři styly lze navzájem kombinovat, tj. výchozí styl (pro celý aplikační server) lze přetížit aplikačním stylem a ten lze přetížit stylem uživatelským. Pokud není některá z CSS tříd ve formuláři nalezena v uživatelském stylu, hledá se ve stylu aplikačním, pokud není nalezena ani zde, použije se výchozí styl pro celý aplikační server.

Pokud při práci se styly měníte adresářovou strukturu aplikačního webu, je nutné potom restartovat službu aplikačního serveru.

Podrobnější informace o kaskádových stylech lze najít např. na www.jakpsatweb.cz

1.1 Styl pro celý aplikační server

Tento styl je umístěn v support webu. Kaskádové styly jsou umístěny v adresáři ESO9\SUPPORT\LIB\STYLE , obrázky v adresáři ESO9\SUPPORT\LIB\IMG .

Adresář se styly obsahuje tyto soubory:

• ESO9.css – základní styly formulářů, sestav, navigačních stránek, statických stránek, stránek s nápovědou a vybraných statických HTM stránek. Styly uvedené v tomto souboru mohou ovlivnit vzhled hlavního pracovního frameu a horního frameu s menu.
• ESO9Cinn2.css, ESO9TreeMenu.css, jQuery-UI.css – styl stránky s navigačním stromem činností. Styly uvedené v těchto souborech mohou ovlivnit pouze frame s navigačním stromem činností.
• ESO9OK-x.x.x.css – styl pro obecného klienta (OK). Obsahuje pouze CSS třídy specifické pro OK, společné stylovací třídy (pro oba typy klientů) jsou uloženy v soubory ESO9.css. Znak „x“ znamená číslo verze.
• ESO9OKpublic-x.x.x.css – styl pro obecného klienta (OK). Obsahuje pouze systémové CSS třídy s barvami např. navigační lišty či browse. Tento stylopis je vždy hostován v lokálním Support webu, z bezpečnostních důvodů nelze uvedené CSS třídy načítat z externího stylopisu ESO9OK-x.x.x.css.
• ESO9-STI-HTML.css – styl pro Stimulsoft sestavy zobrazované v HTML formátu.
• jQx.Base.css – styl řádkového zobrazení (tabulka) v OK.
• PIVOT.css – styl PIVOT tabulek a grafů v OK.
• ESO9WHelp.css – styl stránek generovaných z MS Wordu
• ESO9Prn.css – styl pro tiskové výstupy

Styly umístěné v support webu nejsou určeny pro uživatelské (ani správcovské) úpravy, při instalaci nové verze jsou vždy přepsány výchozím stylem .

1.2 Styl specifický pro každou aplikaci ESO9

Pokud je při startu aplikace ESO9 nalezen adresář STYLE v aplikačním webu, bude použit soubor ESO9.css z tohoto adresáře. Tento styl se zkombinuje s výchozím stylem v support webu, tj. do aplikačního stylu stačí uvést CSS třídy, které mají přetížit výchozí vzhled definovaný stylem v Support webu. Ostatní (tj. zde neuvedené) CSS třídy se použijí z výchozího stylu v Support webu. Pozor, pokud se do aplikačního webu zkopíruje celý soubor ESO9.css, může obsahovat relativní odkazy na zdroje (fonty, ikony), které v aplikačním webu nejsou k dispozici; je proto vhodnější postupovat výše uvedeným způsobem přetěžování pouze těch stylovacích atributů, které chceme opravdu změnit.

Tímto způsobem lze modifikovat vzhled každé z ESO9 aplikací provozovaných na jednom aplikačním serveru.

1.3 Styl specifický pro každého uživatele ESO9

Pokud je při přihlášení uživatele do aplikace nastaven uživatelský parametr USER_STYLE (lze nastavit například na formuláři uživatelů), aplikační server se pokusí v aplikačním webu najít v podadresáři UserLib/USER_STYLE (zde ve významu hodnota parametru) adresáře STYLE a IMG (stejná struktura, jako v support webu). Pokud existují, jsou pro CSS soubory a soubory s obrázky použity cesty do tohoto uživatelského adresáře, namísto do standardního support webu.

Uživatelské styly lze kombinovat s aplikačními styly a výchozím stylem v support webu. Pokud není některá ze stylovacích tříd ve formuláři nebo sestavě nalezena v uživatelském stylu, hledá se ve stylu aplikačním, pokud není nalezena ani zde, použije se výchozí styl pro celý aplikační server. Uživatelům tak stačí změnit pouze ty vlastnosti formulářů, které změnit potřebují (např. velikosti či řezy fontů). Ostatní (tj. zde neuvedené) vlastnosti se použijí z jednoho z nadřazených stylopisů.

1.4 Styly pro obecného klienta

Výše uvedené informace se vztahují i k obecnému klientovi. Jediným rozdílem je adresář STYLE , v němž se hledá aplikační styl; pro obecného klienta se tento styl hledá v adresáři STYLEOK . Důvodem jsou různé stylovací možnosti Internet Exploreru (v kompatibilním režimu) a ostatních prohlížečů. Pokud by byl aplikační styl pouze jeden, nebylo by možné tyto rozdíly zohlednit a část prvků stránky by se mohla formátovat špatně. Navíc lze takto oddělit styl stejné aplikace v obou klientech.

1.4.1 Styl prohlížeče sestav

Výchozí zoom v prohlížeči sestav je 125%, což absolutní velikostí fontů odpovídá formulářovému zobrazení dat v editoru a browse. Pokud tento zoom nevyhovuje, lze jej v aplikačním stylu změnit pomocí CSS třídy „esoStimulsoftZoom“.

Příklad:

.esoStimulsoftZoom { zoom: 100; }

1.4.2 Styl specifický pro každého uživatele ESO9

Pro uživatelské styly platí, co je uvedeno v kapitole 1.3.

Protože je uživatelský stylopis stejný pro oba typy klientů, může být užitečné odlišit CSS třídy určené pro Internet Explorer a pro obecného klienta. Lze to udělat jednoduše uvedením znaku „*“ před vlastní styl.

Např. zápis

input { font-size: 0.8em; }

změní velikost fontů INPUT boxu v obou klientech. V obecném klientovi je ale žádoucí ponechat výchozí velikosti fontů tak, aby byl celý styl konzistentní. Zápis tedy upravíme na

input { *font-size: 0.8em; }

který se uplatní pouze v Internet Exploreru.

1.4.3 Barevné motivy v obecném klientovi

Uživatelské styly jsou v obecném klientovi využity i pro změnu barevných motivů. Každý motiv má své pevně dané jméno (k datu vydání verze 6.2 to jsou jména „ dark “ a „ blue “), jejichž zadáním do uživatelského stylu se zároveň vyfiltrují CSS stylopisy v definičním souboru obecného klienta. Přímý zápis do položky USER_STYLE je přitom nahrazen pohodlnějším výběrem z rozbalovací nabídky buď v číselníku uživatelů, nebo z rozbalovací nabídky nad jménem přihlášeného uživatele v horním menu v aplikaci.

Pozor: pokud uživatel s nastaveným barevným motivem v obecném klientovi použije Internet Explorer, bude se mu do stránek generovat příslušný uživatelský styl (např. UserLib/dark ) a to včetně cesty k ikonám a obrázkům, které pak musí existovat.