CellFontStyle

The "text" half of an AdaptableStyle: everything that affects the rendering of text (and, by convention, the alignment of the cell's primary content block — for plain text that is text-align, for Badge it is the alignment of the badge row).

Used as a Font? slot on Styled Columns whose renderer paints a non-text primary content (Gradient tint, Percent Bar, Bullet Chart) so the column can still control the cell's text styling without inheriting any other properties from a Format Column.

TypeScript
export interface

Properties

PropertyTypeDescription
AlignmentAlignmentAlign to Left, Right or Center
FontSize'XSmall' | 'Small' | 'Medium' | 'Large' | 'XLarge'Size of font: XSmall, Small, Medium, Large or XLarge
FontStyle'Normal' | 'Italic'Style of font: Normal or Italic
FontWeight'Normal' | 'Bold'Weight of font: Normal or Bold
ForeColorstringFont colour in cell: hex, rgb(a) or name
TextDecoration'None' | 'Underline' | 'Overline' | 'LineThrough'Decoration of font: None, Underline, Overline or LineThrough

Property Details

Alignment

Align to Left, Right or Center

TypeScript
Alignment?: Alignment;
Property Value

Alignment

FontSize

Size of font: XSmall, Small, Medium, Large or XLarge

TypeScript
FontSize?: 'XSmall' | 'Small' | 'Medium' | 'Large' | 'XLarge';
Property Value

'XSmall' | 'Small' | 'Medium' | 'Large' | 'XLarge'

FontStyle

Style of font: Normal or Italic

TypeScript
FontStyle?: 'Normal' | 'Italic';
Property Value

'Normal' | 'Italic'

FontWeight

Weight of font: Normal or Bold

TypeScript
FontWeight?: 'Normal' | 'Bold';
Property Value

'Normal' | 'Bold'

ForeColor

Font colour in cell: hex, rgb(a) or name

TypeScript
ForeColor?: string;
Property Value

string

TextDecoration

Decoration of font: None, Underline, Overline or LineThrough

TypeScript
TextDecoration?: 'None' | 'Underline' | 'Overline' | 'LineThrough';
Property Value

'None' | 'Underline' | 'Overline' | 'LineThrough'