类别 全部 - layout - data - control - properties

作者:Nikos Kazantzis 4 年以前

326

UX conditional styling

In designing user experiences, particularly with list controls, various layout types such as Column, Freeform, Kanban, Custom, and Map can be utilized. The styling of these lists can be extensively customized through the List Properties dialog, which includes tabs for specific properties and fields.

UX conditional styling

UX

List Control

Change styling
List Layout type is "Column"

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


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