UX conditional styling

更多类似内容

UX Design

由Balazs Michnay

Acid and Bases

由Muhd Nasrullah

Problem Solving Methodology BBC

由Long Le

Periodic Table Trends

由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