Table of Contents

Class TwOverlayTheme

Namespace
TwBlazor.Configuration.Components
Assembly
TwBlazor.dll

Shared "box" styling (background, border, rounded corners, shadow) for the two families of floating surface in the library: the modal dialog (TwDialog) and every popover panel (TwDatePicker, TwDateRangePicker, TwDateTimeRangePicker, TwTimePicker, TwTimeRangePicker, TwColorPicker).

[ExcludeFromCodeCoverage]
public class TwOverlayTheme
Inheritance
TwOverlayTheme
Inherited Members

Remarks

Width/height/max-height that genuinely varies per surface (e.g. the date picker's dual-month layout) stays on that component's own theme class - see PanelWidth. Sizing that was just a single leftover literal with nothing else to vary (TimeRangePopoverSize, ColorPopoverSize) is consolidated here too rather than getting its own one-property theme class. Override any property to restyle every dialog/popover in the app from one place instead of editing each component's theme individually.

Constructors

TwOverlayTheme()

public TwOverlayTheme()

Properties

ColorPopoverSize

Gets or sets the width/padding classes (plus the tw-color-picker-dialog marker class tests select on) for TwColorPicker's popover surface.

public required string ColorPopoverSize { get; set; }

Property Value

string

DialogBackground

Gets or sets the background for the modal dialog surface.

public required string DialogBackground { get; set; }

Property Value

string

DialogRounded

Gets or sets the default border radius for dialogs.

public Rounded? DialogRounded { get; set; }

Property Value

Rounded?

Remarks

If not set, falls back to global DefaultRounded. Individual dialogs can override this via Rounded.

DialogShadow

Gets or sets the default shadow level for dialogs.

public Shadow? DialogShadow { get; set; }

Property Value

Shadow?

Remarks

If not set, falls back to global DefaultShadow. Individual dialogs can override this via Shadow.

PopoverBackground

Gets or sets the background for every popover panel surface (date/time/color picker panels).

public required string PopoverBackground { get; set; }

Property Value

string

PopoverBorder

Gets or sets the border for every popover panel surface.

public required string PopoverBorder { get; set; }

Property Value

string

PopoverRounded

Gets or sets the default border radius for popover panels.

public Rounded? PopoverRounded { get; set; }

Property Value

Rounded?

Remarks

If not set, falls back to global DefaultRounded. Individual pickers can still override this via their own Rounded parameter. Mirrors DialogRounded.

PopoverShadow

Gets or sets the default shadow level for popover panels.

public Shadow? PopoverShadow { get; set; }

Property Value

Shadow?

Remarks

If not set, falls back to global DefaultShadow. Individual pickers can still override this via their own Shadow parameter. Mirrors DialogShadow.

TimeRangePopoverSize

Gets or sets the width/padding classes for TwTimeRangePicker's popover surface.

public required string TimeRangePopoverSize { get; set; }

Property Value

string