Abychom vám umožnili vytvářet co nejkrásnější rozhraní, pokračujeme ve vylepšování formulářových objektů. Od verze 4D v19 R6 můžete definovat zaoblený rámeček pro statické textové a vstupní textové objekty formuláře.
Ve verzi 4D v20 jsou k dispozici nové možnosti.
- U tlačítek, rádiových tlačítek a zaškrtávacích políček jsme přidali nová nastavení pro text a ikonu.
- U rádiových tlačítek a zaškrtávacích políček byl vylepšen počet stavů ikony, aby bylo možné lepší vykreslení pro koncového uživatele.
Pozice textu a ikony
Zarovnání textu
Vlastnost„Zarovnání textu“ je nyní použitelná pro tlačítka, rádiová tlačítka a zaškrtávací políčka. Zarovnání textu můžete definovat pomocí seznamu vlastností, CSS a OBJECT SET HORIZONTAL ALIGNMENT příkazem.
Seznam vlastností:
Příklad CSS:
Příklad: .align { textAlign : right; }
Příklad kódu:
Na OBJECT SET HORIZONTAL ALIGNMENT můžete předat jednu ze tří konstant: Align left, Align right, a Align center.
OBJECT SET HORIZONTAL ALIGNMENT (*; "button"; Align center)
Obrázek objímá název
Pro tlačítka, přepínače a zaškrtávací políčka je přidána nová vlastnost„Image hugs title“.
Pokud je hodnota této vlastnosti false, obrázek se umístí podle vlastnosti „Title/ImagePosition“ na okraj tlačítka. Když je hodnota této vlastnosti true, obrázek je umístěn přímo vedle nadpisu podle vlastnosti „Title/ImagePosition“.
Tuto vlastnost lze nastavit pomocí seznamu vlastností, CSS a OBJECT SET FORMAT příkazem.
Seznam vlastností:
Příklad CSS:
Příklad: .hug { imageHugsTitle : false; }
Příklad kódu:
Formátování tlačítek pomocí OBJECT SET FORMAT příkazem předejte řetězec, který dodržuje následující syntaxi: „title; picture; background; titlePos; titleVisible; iconVisible; style; horMargin; vertMargin; iconOffset; popupMenu; hyperlink; numStates; imageHugsTitle„. Pokud nechcete hodnotu měnit, nemusíte ji předávat.
Chcete-li změnit pouze vlastnost imageHugsTitle:
OBJECT SET FORMAT (*; "button";";;;;;;;;;;;;;0")
Výsledek:
Zde jsou různé příklady toho, čeho můžeme dosáhnout:
Počet stavů ikon
U rádiových tlačítek a zaškrtávacích políček lze před verzí 4D v20 definovat ikonu se čtyřmi stavy: True (Pravda), False (Nepravda), Rollover (Převrácení) a Disable (Zakázat).
Pro lepší zážitek koncového uživatele je v některých případech potřeba, aby stav převrácení nebo zakázání zohledňoval stav true nebo false. Nyní tedy můžete použít ikonu se dvěma až šesti stavy.
- Pravdivý,
- False,
- True Rollover,
- False Rollover,
- True Zakázat,
- False Zakázat.
Neváhejte si stáhnout HDI, abyste viděli různé stavy kliknutím, najetím…
Další…
Podívejte se na tuto funkci s HDI a na dokumentaci, kde najdete další podrobnosti! A jako vždy se těším na vaše připomínky.