UX conditional styling

Mais informações

Mathematics

por Desi McKeown

VARIABLES

por Naila Mis

Aviation

por Jaime Ford

Periodic Table Trends

por Jonathan Mangar - Marvin Heights PS (1110)

UX

List Control

Change styling

List Layout type is "Column"

A List control in a UX can have one or more Layout Types:

• Column
• Freeform
• Kanban
• Custom
• Map

Image

This is defined in:

List Properties dialog->List Properties Tab->Layout Properties section->Layout Type

Data styling

Whole List data

Layout Properties section

List Item selected class

List Item hover class

List Item class

List Item in-line style

Individual rows

List Properties Tab

Conditional Row Style section

Conditional styling

Alternating row color

Enable "Alternating row color" checkbox

Choose odd row color

Choose even row color

Individual fields

Fields Tab

[https://www.mindomo.com/mindmap/af3aa733946360ea6ec510ffe09cec15 Conditional styling]

General styling

Server side

Client side

Column Header styling

Whole header row

Individual header

List Properties Dialog

List Layout Tab

Select field

Column properties section

Define style class

Heading class name

Define style manually

Heading in-line style