Zapadnout do designu vašeho webu je pro Foxentry hračka. V záložce Vzhled a chování si můžete barvy, tvary i umístění chybových hlášek vyladit přesně podle svého brandu. Obrovskou výhodou je interaktivní náhled na pravé straně obrazovky, ve kterém okamžitě vidíte, jak se vaše úpravy projeví v praxi.

Styl kolonek a animace načítání

Hned v první sekci ovlivňujete základní rozložení našich prvků ve vašem formuláři. Můžete si vybrat, zda se má stavová ikonka zobrazovat uvnitř kolonky, v jejím rohu, nebo zda ikonky zcela vypnete. Stejně tak lze nastavit, zda má Foxentry obarvovat celé ohraničení kolonky, nebo pouze její spodní linku (podtržení).

Animace načítání: Objevuje se u složitějších operací (například když Foxentry na pozadí ověřuje reálnou existenci e-mailové schránky). Vzhled této animace můžete přizpůsobit dynamice vašeho webu – na výběr máte pulsování, běžící tečky, točící se kruh a další oblíbené styly.

Barevné stavy validace

Když uživatel vyplňuje formulář, Foxentry mu dává okamžitou zpětnou vazbu. Pro každý z těchto stavů si můžete definovat vlastní barvu ikonky, pozadí i ohraničení tak, aby ladily s vaší firemní identitou:

• Úspěšný stav: údaj je vyhodnocen jako naprosto v pořádku a platný (typicky zelená).
• Výstražný stav: údaj je validní, ale systém k němu má výstrahu – například odhalil a automaticky opravil drobný překlep (typicky oranžová).
• Chybový stav: údaj je neplatný nebo neexistuje (typicky červená).
• Informační stav: údaj je v pořádku, ale systém k němu nabízí doplňující poznámku (typicky modrá).
• Stav úprav: neutrální stav ve chvíli, kdy uživatel zrovna edituje text v kolonce.

Mazání textu

Pro maximální pohodlí uživatelů přidává Foxentry do vyplněných kolonek malou ikonku křížku pro rychlé smazání obsahu. Zde si nastavíte, jak chytře se má toto tlačítko chovat. Na výběr máte několik možností:

• Smazat všechny kolonky ve skupině: pokud uživatel klikne na křížek u ulice, smaže se mu rovnou celá adresa, aby mohl začít psát znovu.
• Smazat jednotlivě: křížek vymaže vždy jen tu jednu konkrétní kolonku.
• Všechny kolonky ve skupině plus navazující: velmi užitečné u firemních formulářů. Pokud zákazník smaže IČO firmy, systém automaticky promaže i navázanou adresu sídla, aby v databázi nezůstaly nesmyslné kombinace údajů.

Styl infohlášek

Kromě samotných kolonek můžete stylovat i textové bubliny (infohlášky), které uživateli vysvětlují chybu nebo nabízejí opravenou variantu slova.

Klíčová je zde verze vzhledu, která určuje pozici bubliny. Můžete ji umístit vpravo od kolonky, pod kolonku, nebo zvolit pozici dole s posunutím obsahu. Poslední zmíněná volba je skvělá pro kompaktní formuláře – hláška se rozevře pod kolonkou a plynule odtlačí zbytek formuláře směrem dolů, takže nikdy nepřekryje další důležitá políčka k vyplnění.

Priorita překrývání (z-index)

Toto je neocenitelné nastavení pro weby, které používají plovoucí (fixní) prvky, jako je například horní menu, které zůstává na obrazovce i při scrollování dolů.

Občas se může stát, že stavová ikonka Foxentry nebo infohláška při rolování stránky „prosvítá“ přes vaše fixní menu. Z-index v kódu určuje, jak se prvky přes sebe vrství. Pokud vám naše prvky překrývají hlavičku webu, jednoduše v této sekci snižte z-index našich ikonek, animací načítání či hlášek, a problém je okamžitě vyřešen.

Pořád nevíte? Ozvěte se nám