Přizpůsobení vzhledu

Pomocí stylů

Název	Hodnoty	Popis
`@condensed-captions`	`false \| true`	Zobrazení popisků komponent zhuštěným fontem
`@uppercase-buttons`	`false \| true`	Zobrazení textů tlačítek velkými písmeny
`@uppercase-tabs`	`false \| true`	Zobrazení textů záložek velkými písmeny
`@table-head-text-wrap`	`false \| true`	Zalamování popisků v hlavičce seznamu
`@table-cell-vertical-border`	`false \| true`	Zobrazení svislého oddělovače sloupců seznamu také na needitovatelném seznamu
`@table-zebra-striping`	`false \| true`	Střídavé obarvování řádků seznamu

Výchozí hodnota je vždy false.

Změna tématu Pro změnu tématu použij nástroj Motivo. V pravém panelu v sekci Brand vyber z palety primární a sekundární barvu.

`@condensed-captions`

`@uppercase-buttons`

`@uppercase-tabs`

`@table-head-text-wrap`

`@table-cell-vertical-border`

`@table-zebra-striping`

Pomocí komponent

Typografie

Velikost písma už nejběžnější komponenty umí. Jak moc velké nadpisy používat záleží na chtěném efektu konkrétního formuláře.

Pro komponenty typu Edit, Label a DataLabel jsou v Xgenu dostupné vlastnosti pro změnu typografie.

Edit - InputAppearance
DataLabel - ValueAppearance
Label - CaptionAppearance

Význam	Hodnoty	Volba v Xgen
Vzhled	Heading 1	`font--h1`
Je to přesná definice fontu: velikost, tloušťka, rozpal písmen, výška řádku… Neplést si s pouhou velikostí.	Heading 2	`font--h2`
	Heading 3	`font--h3`
	Heading 4	`font--h4`
	Heading 5	`font--h5`
	Heading 6	`font--h6`
	Body	`font--body`
	Button	`font--button`
	Caption	`font--caption`
Velikost	Font Size Heading 1	`font-size--h1`
Zachovává tloušťku a jiné proporce definované na komponentě.	Font Size Heading 2	`font-size--h`
	Font Size Heading 3	`font-size--h3`
	Font Size Heading 4	`font-size--h4`
	Font Size Heading 5	`font-size--h5`
	Font Size Heading 6	`font-size--h6`
	Font Size Body	`font-size--body`
	Font Size Button	`font-size--button`
	Font Size Caption	`font-size--caption`
Tloušťka	Normal	`font-weight--normal`
	Medium	`font-weight--medium`
	Bold	`font-weight--bold`
Odstín	Primary	`text-color--primary`
	Secondary	`text-color--secondary`
	Disabled	`text-color--disabled`

Popisek políčka jen v editaci

Pro Edity jsem vytvořili režim AlwaysShowCaption, ve kterém bude popisek mimo editaci skrytý. Tím zajistíme čistý design hlavičky. Samozřejmě tento režim půjde využít nejen v hlavičce, ale bude to pravděpodobně nejčastější případ.