HtmlForgeX

API Reference

Class

TablerCard

Edit on GitHub
Namespace HtmlForgeX
Assembly HtmlForgeX
Source Containers/Tabler/TablerCard.cs:12
Base Element

Provides a fluent API for building Tabler-styled card components.

Inheritance

Usage

This type appears in these public API surfaces even when no hand-authored example is attached directly to the page.

Returned or exposed by

Accepted by parameters

Constructors

TablerCard 2 overloads
public TablerCard() #
Containers/Tabler/TablerCard.cs:12

Initializes or configures TablerCard.

public TablerCard(Int32 number) #
Containers/Tabler/TablerCard.cs:12

Initializes or configures TablerCard.

Parameters

number System.Int32 requiredposition: 0

Methods

public TablerCard AsActive() #
Containers/Tabler/TablerCard.Decorations.cs:39
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures AsActive.

public TablerCard AsBorderless() #
Containers/Tabler/TablerCard.Decorations.cs:66
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures AsBorderless.

public TablerCard AsInactive() #
Containers/Tabler/TablerCard.Decorations.cs:48
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures AsInactive.

public TablerCard AsStacked() #
Containers/Tabler/TablerCard.Decorations.cs:57
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures AsStacked.

public TablerCard Attribute(String name, String value) #
Containers/Tabler/TablerCard.Decorations.cs:211
Returns: TablerCard
EditorBrowsable(2)

Adds an arbitrary attribute to the rendered card root.

Parameters

name System.String requiredposition: 0
value System.String requiredposition: 1
Background 3 overloads
public TablerCard Background(RGBColor backgroundColor, RGBColor textColor = null) #
Containers/Tabler/TablerCard.Decorations.cs:147
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures Background.

Parameters

color HtmlForgeX.TablerColor requiredposition: 0
isLight System.Boolean = null optionalposition: 1
Background(HtmlForgeX.RGBColor backgroundColor, HtmlForgeX.RGBColor textColor) #

Set custom background color using RGBColor for precise color control

Parameters

backgroundColor HtmlForgeX.RGBColor required
textColor HtmlForgeX.RGBColor required
public TablerCard Background(String hexBackgroundColor, String hexTextColor = null) #
Containers/Tabler/TablerCard.Decorations.cs:157
Returns: TablerCard
EditorBrowsable(2)

Set custom background color using hex string for precise color control

Parameters

hexBackgroundColor System.String requiredposition: 0
hexTextColor System.String = null optionalposition: 1
public TablerCard Body(Action<TablerCardBody> body) #
Containers/Tabler/TablerCard.cs:196
Returns: TablerCard

Add a proper body with fluent API (no raw HTML)

Parameters

body System.Action{HtmlForgeX.TablerCardBody} requiredposition: 0
public TablerCard Class(String classNames) #
Containers/Tabler/TablerCard.Decorations.cs:193
Returns: TablerCard
EditorBrowsable(2)

Adds one or more CSS classes to the rendered card root.

Parameters

classNames System.String requiredposition: 0
public TablerCard Content(String content) #
Containers/Tabler/TablerCard.cs:147
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures Content.

Parameters

content System.String requiredposition: 0
public TablerCard FillHeight(Boolean enable = true) #
Containers/Tabler/TablerCard.Decorations.cs:172
Returns: TablerCard
EditorBrowsable(2)

Makes the card fill the height of its containing column/row. When enabled, a lightweight helper class ensures the body flexes so content like charts/tables align and cards in the same row share height.

Parameters

enable System.Boolean = true optionalposition: 0
Footer 2 overloads
GetAuxiliaryChildren() #

Provides auxiliary children (header/body/footer/images) so document propagation and library registration traverses them even though they are stored in private fields.

public TablerCard Header(Action<TablerCardHeader> header) #
Containers/Tabler/TablerCard.cs:185
Returns: TablerCard

Add a proper header with fluent API (no raw HTML)

Parameters

header System.Action{HtmlForgeX.TablerCardHeader} requiredposition: 0
public TablerCard Image(Action<TablerCardImage> image) #
Containers/Tabler/TablerCard.cs:207
Returns: TablerCard

Add an image with proper positioning (no raw HTML)

Parameters

image System.Action{HtmlForgeX.TablerCardImage} requiredposition: 0
public TablerCard Margin(TablerMargin margin) #
Containers/Tabler/TablerCard.cs:269
Returns: TablerCard
EditorBrowsable(2)

Applies margin to the card.

Parameters

margin HtmlForgeX.TablerMargin requiredposition: 0
The margin value to apply.

Returns

This card instance for method chaining.

public TablerCard MeasuredMediaLayout(Int32 chromeHeight = 170, String mediaAspectRatio = null, Boolean enable = true) #
Containers/Tabler/TablerCard.Decorations.cs:182
Returns: TablerCard
EditorBrowsable(2)

Marks the card for Pretext-driven mixed media placement. This is intended for layouts where text height is variable but media and footer chrome are known inputs.

Parameters

chromeHeight System.Int32 = 170 optionalposition: 0
mediaAspectRatio System.String = null optionalposition: 1
enable System.Boolean = true optionalposition: 2
public TablerCard Progress(Double percentage, Nullable<TablerColor> color = null) #
Containers/Tabler/TablerCard.Decorations.cs:127
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures Progress.

Parameters

percentage System.Double requiredposition: 0
color System.Nullable{HtmlForgeX.TablerColor} = null optionalposition: 1
RegisterLibraries() #
Ribbon 2 overloads
public TablerCard Ribbon(TablerIconType icon, Nullable<TablerColor> color = null, String position = "top") #
Containers/Tabler/TablerCard.Decorations.cs:105
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures Ribbon.

Parameters

text System.String requiredposition: 0
color System.Nullable{HtmlForgeX.TablerColor} = null optionalposition: 1
position System.String = "top" optionalposition: 2
Ribbon(HtmlForgeX.TablerIconType icon, System.Nullable{HtmlForgeX.TablerColor} color, System.String position) #

Initializes or configures Ribbon.

Parameters

icon HtmlForgeX.TablerIconType required
color System.Nullable{HtmlForgeX.TablerColor} required
position System.String required
public TablerCard Rotate(String direction) #
Containers/Tabler/TablerCard.Decorations.cs:75
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures Rotate.

Parameters

direction System.String requiredposition: 0
public TablerCard Settings(Action<CardSettings> configure) #
Containers/Tabler/TablerCard.cs:254
Returns: TablerCard

Groups less-common options under a single fluent entry point to keep IntelliSense lean.

Parameters

configure System.Action{HtmlForgeX.CardSettings} requiredposition: 0
public TablerCard Stamp(TablerIconType icon, Nullable<TablerColor> backgroundColor = null, Nullable<TablerColor> iconColor = null) #
Containers/Tabler/TablerCard.Decorations.cs:116
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures Stamp.

Parameters

icon HtmlForgeX.TablerIconType requiredposition: 0
backgroundColor System.Nullable{HtmlForgeX.TablerColor} = null optionalposition: 1
iconColor System.Nullable{HtmlForgeX.TablerColor} = null optionalposition: 2
public TablerCard Style(String style) #
Containers/Tabler/TablerCard.cs:156
Returns: TablerCard
EditorBrowsable(2)

Initializes or configures Style.

Parameters

style System.String requiredposition: 0
public TablerCard Surface(TablerSurfaceStyle style) #
Containers/Tabler/TablerCard.Decorations.cs:222
Returns: TablerCard
EditorBrowsable(2)

Applies a shared surface treatment to the card.

Parameters

style HtmlForgeX.TablerSurfaceStyle requiredposition: 0
public override String ToString() #
Containers/Tabler/TablerCard.cs:311
Returns: String

Initializes or configures ToString.

WithBackgroundColor 2 overloads
public TablerCard WithBackgroundColor(RGBColor color) #
Containers/Tabler/TablerCard.cs:234
Returns: TablerCard
EditorBrowsable(2)

Sets the background color of the card using a TablerColor enum value.

Parameters

color HtmlForgeX.TablerColor requiredposition: 0
The color to apply to the card background.

Returns

This card instance for method chaining.

WithBackgroundColor(HtmlForgeX.RGBColor color) #

Sets a custom background color for the card using an RGB color.

Parameters

color HtmlForgeX.RGBColor required
The RGB color to apply to the card background.

Returns

This card instance for method chaining.

public TablerCard WithLightBackgroundColor(TablerColor color) #
Containers/Tabler/TablerCard.cs:245
Returns: TablerCard
EditorBrowsable(2)

Sets the card to use a light background variant of the specified color.

Parameters

color HtmlForgeX.TablerColor requiredposition: 0
The color to apply as a light background.

Returns

This card instance for method chaining.

Properties

public String CardContent { get; set; } #
Containers/Tabler/TablerCard.cs:21
EditorBrowsable(2)

Gets or sets arbitrary HTML content to place inside the card body.

public String CardInnerStyle { get; set; } #
Containers/Tabler/TablerCard.cs:27
EditorBrowsable(2)

Gets or sets custom CSS applied to the inner card container.

public String LinkUrl { get; set; } #
Containers/Tabler/TablerCard.cs:40

Gets or sets the hyperlink URL if IsLink is enabled.

public String LinkEffect { get; set; } #
Containers/Tabler/TablerCard.cs:45

Gets or sets the visual effect used when hovering the card link.

public Boolean IsActive { get; set; } #
Containers/Tabler/TablerCard.cs:48

Gets or sets a value indicating whether the card is active.

public Boolean IsInactive { get; set; } #
Containers/Tabler/TablerCard.cs:51

Gets or sets a value indicating whether the card is inactive.

public Boolean IsStacked { get; set; } #
Containers/Tabler/TablerCard.cs:54

Gets or sets whether the card should stack its child elements.

public Boolean IsBorderless { get; set; } #
Containers/Tabler/TablerCard.cs:57

Gets or sets a value indicating whether the card has no border.

public String CardRotation { get; set; } #
Containers/Tabler/TablerCard.cs:62

Gets or sets the card rotation effect ("left" or "right").

public String StatusPosition { get; set; } #
Containers/Tabler/TablerCard.cs:66

Gets or sets the ribbon/status element position.

public Nullable<TablerColor> StatusColor { get; set; } #
Containers/Tabler/TablerCard.cs:69

Gets or sets the color of the status ribbon.

public String RibbonText { get; set; } #
Containers/Tabler/TablerCard.cs:73

Gets or sets optional ribbon text.

public Nullable<TablerIconType> RibbonIcon { get; set; } #
Containers/Tabler/TablerCard.cs:76

Gets or sets an icon displayed inside the ribbon.

public String RibbonPosition { get; set; } #
Containers/Tabler/TablerCard.cs:79

Gets or sets ribbon placement relative to the card.

public Nullable<TablerColor> RibbonColor { get; set; } #
Containers/Tabler/TablerCard.cs:82

Gets or sets the ribbon color.

public Nullable<TablerIconType> StampIcon { get; set; } #
Containers/Tabler/TablerCard.cs:86

Gets or sets a small stamp icon shown in the card corner.

public Nullable<TablerColor> StampIconBackgroundColor { get; set; } #
Containers/Tabler/TablerCard.cs:89

Gets or sets the background color for the stamp icon.

public Nullable<TablerColor> StampIconColor { get; set; } #
Containers/Tabler/TablerCard.cs:92

Gets or sets the color of the stamp icon.

public Nullable<Double> ProgressValue { get; set; } #
Containers/Tabler/TablerCard.cs:96

Gets or sets the progress bar value.

public Nullable<TablerColor> ProgressColor { get; set; } #
Containers/Tabler/TablerCard.cs:99

Gets or sets the color of the progress bar.

public Nullable<TablerColor> BackgroundColor { get; set; } #
Containers/Tabler/TablerCard.cs:103

Gets or sets the card background color.

public Boolean IsBackgroundLight { get; set; } #
Containers/Tabler/TablerCard.cs:106

Gets or sets a value indicating whether a light background is used.

public RGBColor CustomBackgroundColor { get; set; } #
Containers/Tabler/TablerCard.cs:111

Gets or sets a custom background color used when BackgroundColor is null.

public RGBColor CustomTextColor { get; set; } #
Containers/Tabler/TablerCard.cs:116

Gets or sets a custom text color used when TablerColor) is null.

Extension Methods

public static SmartTab SmartTab(TablerCard card, Action<SmartTab> configure = null) #
Containers/SmartTab/SmartTabExtensions.cs:40
Returns: SmartTab

Adds a SmartTab component to the element.

Parameters

element HtmlForgeX.Element requiredposition: 0
The element to add the SmartTab to.
configure System.Action{HtmlForgeX.SmartTab} = null optionalposition: 1
Configuration action for the SmartTab.

Returns

The SmartTab instance for further configuration.

public static SmartWizard SmartWizard(TablerCard card, Action<SmartWizard> configure = null) #
Containers/SmartWizard/SmartWizardExtensions.cs:40
Returns: SmartWizard

Adds a SmartWizard component to the element.

Parameters

element HtmlForgeX.Element requiredposition: 0
The element to add the SmartWizard to.
configure System.Action{HtmlForgeX.SmartWizard} = null optionalposition: 1
Configuration action for the SmartWizard.

Returns

The SmartWizard instance for further configuration.