Odsazení a svislé zarovnání: Přesné nastavení umístění textu v polích pro zadávání a textových oblastech

Co je možné ve verzi 4D 21 R5

Níže uvedená animace ukazuje, čeho můžete dosáhnout kombinací svislého zarovnání a odsazení u vstupního objektu.

Vertikální zarovnání

Vlastnost „Vertical Alignment“ je nyní k dispozici v seznamu vlastností editoru formulářů pro objekty typu Text Area a Input, a to se čtyřmi hodnotami: default, top, middle a bottom. Pokud ponecháte výchozí nastavení, vykreslení zůstane nezměněno ve srovnání s obdobím před zavedením této funkce, takže se u stávajících formulářů nic nezmění, pokud tuto funkci výslovně nezapnete.

Zarovnání můžete také nastavit programově pomocí stávajícího příkazuOBJECT SET VERTICAL ALIGNMENT, jehož účinnost je nyní rozšířena na tyto dva objekty:

// Svislé zarovnání

$align:=OBJECT GET VERTICAL ALIGNMENT(*; "txtInput")

Odsazení

V seznamu vlastností editoru formulářů jsou pro objekty Text Area a Input k dispozici čtyři nové vlastnosti odsazení: Levé odsazení, Pravé odsazení, Horní odsazení a Dolní odsazení

Kromě těchto vlastností vám dva nové příkazy umožňují přesně ovládat vnitřní mezery: OBJECT SET PADDING a OBJECT GET PADDING . Oba přijímají (nebo vrací) objekt satributytop,bottom,left aright, vyjádřenými v pixelech:

// Odstupy založené na objektu
OBJECT SET PADDING(*; "txtInput"; {top: 8; right: 12; bottom: 10 left: 5})
$resolvedPadding:=OBJECT GET PADDING(*; "txtInput")
// Můžete zadat pouze ty atributy odsazení, které potřebujete; vynechané atributy mají výchozí hodnotu 0
OBJECT SET PADDING (*; "txtInput"; {top: 8; bottom: 10})

$resolvedPadding:=OBJECT GET PADDING(*; "txtInput")

⚠️Poznámka: Tyto příkazy fungují také s objekty typu List Box: zohledňují se pouze hodnoty top a left, přičemž každá z nich se aplikuje symetricky (top se aplikuje na horní i dolní okraj, left na levý i pravý okraj).

Jednotné chování, každý vstupní bod

Ať už zarovnání a odsazení nakonfigurujete jakýmkoli způsobem (Form Editor, vlastnost formuláře JSON/objektu, CSS nebo příkazy 4D), vykreslený výsledek je vždy stejný. Kromě klíčů specifických pro 4D jsou podporovány i standardní názvy vlastností CSS:

#txtInput {
vertical-align: middle;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}

Zarovnání a odsazení zůstávají správné i při změně velikosti objektů: v editoru formulářů se při změně velikosti objektu automaticky přepočítá jeho zarovnání; při spuštění aplikace si objekty s dynamickou změnou velikosti zachovávají konzistentní odsazení a při změně velikosti přepočítávají zarovnání.

Závěr

Díky těmto novým ovládacím prvkům máte větší svobodu při přizpůsobování vzhledu každého formuláře. Nyní můžete:

• Zvolit svislé zarovnání nahoře, uprostřed, dole nebo výchozí pro objekty Statický text a Zadávání textu.
• Přidat nezávislé odsazení nahoře, dole, vlevo a vpravo.
• Používat editor formulářů, JSON formuláře, CSS nebo příkazy 4D, v závislosti na tom, jakým způsobem dáváte přednost při tvorbě formulářů.

A o vaše stávající formuláře je také postaráno: pokud tyto vlastnosti nepoužívají, budou se i nadále zobrazovat přesně jako dříve.

Chcete-li se do tohoto tématu ponořit ještě hlouběji, podívejte se do dokumentace 4D nebo v případě jakýchkoli dotazů navštivte fórum 4D.