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 x 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—h2
	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.