Interface SkinVariant

Skin Variants

Skin variants are named visual presets that modify a base class's appearance without changing behavior. Each variant is a set of property overrides registered in Variant and auto-created as a subclass during framework initialization.

Variant subclasses work in any skin. When a skin provides CSS definitions for the variant's style properties, the variant takes effect. In skins that do not define those CSS classes, variant style properties automatically revert to their superclass values via Canvas.autoRevertStyles, so the component falls back to the skin's default appearance.

Grid variants

Grid variants (Compact, Flat, Bordered, Striped) are created as subclasses of both ListGrid and TreeGrid. For example, the Compact variant produces both CompactGrid and CompactTreeGrid.

The "Default Table" appearance in variant-enabled skins is simply a standard ListGrid with features enabled (filtering, grouping, inline editing, row selection) ? it is not a variant. Similarly, TreeGrid renders with the default tree appearance.

Usage