API Reference
TablerRow
Defines a row in a Tabler Page Layout. When using the TablerRow, you can specify the row type. By default, the row type is set to Default, however when dealing with Page Layouts you usually should have both Deck and Cards. But for other purposes of layout such as within Card you should use the Default row type
Inheritance
- Element
- TablerRow
Constructors
public TablerRow(params TablerRowType[] rowTypes) #Initializes or configures TablerRow.
Parameters
- rowTypes HtmlForgeX.TablerRowType[]
Methods
public TablerRow AlignItemsCenter() #TablerRowEditorBrowsable(2)Aligns items to center vertically.
public TablerRow AlignItemsStretch() #TablerRowEditorBrowsable(2)Stretches column items to equal height within this row (Bootstrap align-items-stretch). Useful when combining multiple panels/alerts/cards in the same row and you want uniform heights.
public TablerRow AutoFit(TablerCardWidth width, TablerRowPackingMode packing, Nullable<Int32> maxColumns = null) #TablerRowEditorBrowsable(2)Auto fits items using CSS Grid with a minimum card width. For policy HardLimit, we fall back to TargetColumns(maxColumns, hardLimit: true) for predictable counts.
Parameters
- minCardWidth System.String
- maxColumns System.Nullable{System.Int32} = null
- policy HtmlForgeX.TablerAutoFitPolicy = null
AutoFit(HtmlForgeX.TablerCardWidth width, System.Nullable{System.Int32} maxColumns, HtmlForgeX.TablerAutoFitPolicy policy) #Auto fits items with a typed width preset (no raw CSS units required).
Parameters
- width HtmlForgeX.TablerCardWidth
- maxColumns System.Nullable{System.Int32}
- policy HtmlForgeX.TablerAutoFitPolicy
AutoFit(HtmlForgeX.TablerCardWidth width, HtmlForgeX.TablerRowPackingMode packing, System.Nullable{System.Int32} maxColumns) #Auto-fit items using a typed width preset and a typed packing mode. Packing controls how widths are distributed across wrapped rows.
Parameters
- width HtmlForgeX.TablerCardWidth
- packing HtmlForgeX.TablerRowPackingMode
- maxColumns System.Nullable{System.Int32}
public TablerRow AutoFitEngine(TablerAutoFitEngine engine) #TablerRowEditorBrowsable(2)Select the AutoFit rendering engine. Grid (default) gives equal-width tracks. Flex ensures the wrapped row fills (e.g., 3 + 2 → 50/50).
Parameters
- engine HtmlForgeX.TablerAutoFitEngine
public TablerRow Density(TablerDensity density) #TablerRowEditorBrowsable(2)Applies a responsive density preset using Bootstrap row-cols utilities. Works best when using default col columns (no explicit fixed widths). Also adjusts the row gutter to a sensible default per preset.
Parameters
- density HtmlForgeX.TablerDensity
public TablerRow EqualHeights(Boolean enabled = true) #TablerRowEditorBrowsable(2)Ensures all cards in this row stretch to the same height per grid line. Cards automatically fill the available height without per-card calls.
Parameters
- enabled System.Boolean = true
public TablerRow FitViewport(Int32 minHeightPixels, TablerBreakpoint from = ExtraExtraLarge) #TablerRowEditorBrowsable(2)Reserves a viewport-aware minimum height for cards in this row from the chosen breakpoint upward. Combine with Boolean) or TablerRowSizingMode) when the row should both match heights and fill more of the visible screen.
Parameters
- minHeightCss System.String = "clamp(24rem, calc(100vh - 18rem), 42rem)"
- from HtmlForgeX.TablerBreakpoint = ExtraExtraLarge
FitViewport(System.Int32 minHeightPixels, HtmlForgeX.TablerBreakpoint from) #Pixel overload for viewport-aware row sizing.
Parameters
- minHeightPixels System.Int32
- from HtmlForgeX.TablerBreakpoint
public TablerRow Gap(Int32 value) #TablerRowEditorBrowsable(2)Sets the gap between columns (Bootstrap g-* class).
Parameters
- value System.Int32
public TablerRow Packing(TablerRowPackingMode packing) #TablerRowEditorBrowsable(2)Applies a typed packing preset to the current AutoFit row. This only affects rows that already use AutoFit.
Parameters
- packing HtmlForgeX.TablerRowPackingMode
RegisterLibraries() #Registers lightweight helpers when density/equalize features are used.
public TablerRow Settings(Action<TablerRowSettings> configure) #TablerRowSettings(...) sub‑builder to keep the root surface tidy.
Parameters
- configure System.Action{HtmlForgeX.TablerRowSettings}
public TablerRow Sizing(TablerRowSizingMode mode) #TablerRowEditorBrowsable(2)Applies a typed sizing strategy to this row.
Parameters
- mode HtmlForgeX.TablerRowSizingMode
public TablerRow StretchToOneLineOnWide(Boolean enable = true) #TablerRowEditorBrowsable(2)Prefer a single row on very wide screens (xxl) if items fit. Caps at 6 to match Bootstrap's utilities. Works with either Density() or TargetColumns().
Parameters
- enable System.Boolean = true
public TablerRow TargetColumns(Int32 columns, Boolean hardLimit = false) #TablerRowEditorBrowsable(2)Sets a target number of columns. When hardLimit is true, the row will not exceed the target on any breakpoint. Otherwise it will scale up to the target progressively.
Parameters
- columns System.Int32
- hardLimit System.Boolean = false
public TablerRow WithBottomSpacing(TablerSpacing spacing = Medium) #TablerRowEditorBrowsable(2)Convenient method to add bottom margin (common use case for separating rows)
Parameters
- spacing HtmlForgeX.TablerSpacing = Medium
public TablerRow WithClass(String cssClass) #TablerRowEditorBrowsable(2)Adds custom CSS class
Parameters
- cssClass System.String
public TablerRow WithGutter(TablerSpacing spacing) #TablerRowEditorBrowsable(2)Sets gutter spacing between columns
Parameters
- spacing HtmlForgeX.TablerSpacing
public TablerRow WithMargin(TablerSpacing spacing) #TablerRowEditorBrowsable(2)Sets margin for all directions
Parameters
- spacing HtmlForgeX.TablerSpacing
public TablerRow WithMargin(TablerSpacing spacing, TablerSpacingDirection direction) #TablerRowEditorBrowsable(2)Sets margin for specific direction
Parameters
- spacing HtmlForgeX.TablerSpacing
- direction HtmlForgeX.TablerSpacingDirection
public TablerRow WithPadding(TablerSpacing spacing) #TablerRowEditorBrowsable(2)Sets padding for all directions
Parameters
- spacing HtmlForgeX.TablerSpacing
public TablerRow WithPadding(TablerSpacing spacing, TablerSpacingDirection direction) #TablerRowEditorBrowsable(2)Sets padding for specific direction
Parameters
- spacing HtmlForgeX.TablerSpacing
- direction HtmlForgeX.TablerSpacingDirection
public TablerRow WithVerticalSpacing(TablerSpacing spacing = Medium) #TablerRowEditorBrowsable(2)Convenient method to add vertical spacing (common use case)
Parameters
- spacing HtmlForgeX.TablerSpacing = Medium
Inherited Methods
public TablerAccordion Accordion(Action<TablerAccordion> config) #TablerAccordionParameters
- config Action<TablerAccordion>
public TablerActionsAndNotesCard ActionsAndNotesCard(Action<TablerActionsAndNotesCard> config) #TablerActionsAndNotesCardParameters
- config Action<TablerActionsAndNotesCard>
public TablerActionSummaryCard ActionSummaryCard(Action<TablerActionSummaryCard> config) #TablerActionSummaryCardParameters
- config Action<TablerActionSummaryCard>
public TablerActivityFeedCard ActivityFeedCard(Action<TablerActivityFeedCard> config) #TablerActivityFeedCardParameters
- config Action<TablerActivityFeedCard>
public override Element Add(Element element) #ElementParameters
- element Element
public TablerAlert Alert(String title, String message, TablerColor alertColor = Default, TablerAlertType alertType = Regular) #TablerAlertParameters
- title String
- message String
- alertColor TablerColor = Default
- alertType TablerAlertType = Regular
public TablerAnalyticsSummaryCard AnalyticsSummaryCard(Action<TablerAnalyticsSummaryCard> config) #TablerAnalyticsSummaryCardParameters
- config Action<TablerAnalyticsSummaryCard>
public ApexCharts ApexChart(Action<ApexCharts> config) #ApexChartsParameters
- config Action<ApexCharts>
public TablerApexChartCard ApexChartCard(Action<TablerApexChartCard> config) #TablerApexChartCardParameters
- config Action<TablerApexChartCard>
public TablerAuditLogCard AuditLogCard(Action<TablerAuditLogCard> config) #TablerAuditLogCardParameters
- config Action<TablerAuditLogCard>
public TablerAvatar Avatar() #TablerAvatarParameters
- config Action<TablerAvatar>
public TablerAvatarGroup AvatarGroup(Action<TablerAvatarGroup> config) #TablerAvatarGroupParameters
- config Action<TablerAvatarGroup>
public TablerBadge Badge(String text, TablerBadgeColor color, TablerBadgeVisualStyle style, TablerBadgeSize size, Boolean pill = true, String href = null) #TablerBadgeParameters
- text String
- color TablerBadgeColor = null
public TablerBadgeSpan BadgeSpan(String text, TablerColor color = Blue) #TablerBadgeSpanParameters
- text String
- color TablerColor = Blue
public TablerBadgeStatus BadgeStatus(String text, TablerColor color) #TablerBadgeStatusParameters
- text String
- color TablerColor
public TablerBreakdownCard BreakdownCard(Action<TablerBreakdownCard> config) #TablerBreakdownCardParameters
- config Action<TablerBreakdownCard>
public TablerButton Button(String text, TablerButtonVariant variant = Primary) #TablerButtonParameters
- text String
- config Action<TablerButton> = Primary
public TablerCalendarWorkspaceCard CalendarWorkspaceCard(Action<TablerCalendarWorkspaceCard> config) #TablerCalendarWorkspaceCardParameters
- config Action<TablerCalendarWorkspaceCard>
public TablerCard Card(Int32 count, Action<TablerCard> config) #TablerCardParameters
- config Action<TablerCard>
public TablerCardBasic CardBasic(String title, String text) #TablerCardBasicParameters
- title String
- text String
public TablerCarousel Carousel(Action<TablerCarousel> config) #TablerCarouselParameters
- config Action<TablerCarousel>
public TablerCategoryBarChartCard CategoryBarChartCard(Action<TablerCategoryBarChartCard> config) #TablerCategoryBarChartCardParameters
- config Action<TablerCategoryBarChartCard>
public ChartJs ChartJs(Action<ChartJs> config) #ChartJsParameters
- config Action<ChartJs>
public TablerColumn Column(Action<TablerColumn> config) #TablerColumnInitializes or configures Column.
Parameters
- config System.Action{HtmlForgeX.TablerColumn}
public TablerControlBar ControlBar(Action<TablerControlBar> config) #TablerControlBarParameters
- config Action<TablerControlBar>
public TablerCookieBanner CookieBanner(Action<TablerCookieBanner> config) #TablerCookieBannerParameters
- config Action<TablerCookieBanner>
public TablerCountdown Countdown(Action<TablerCountdown> config = null) #TablerCountdownParameters
- config Action<TablerCountdown> = null
public TablerCountUp CountUp(Action<TablerCountUp> config) #TablerCountUpParameters
- config Action<TablerCountUp>
public TablerDataGrid DataGrid(Action<TablerDataGrid> config) #TablerDataGridParameters
- config Action<TablerDataGrid>
public TablerDataGridCard DataGridCard(Action<TablerDataGridCard> config) #TablerDataGridCardParameters
- config Action<TablerDataGridCard>
public TablerDataTableCard DataTableCard(Action<TablerDataTableCard> config) #TablerDataTableCardParameters
- config Action<TablerDataTableCard>
public VisNetwork DiagramNetwork(Action<VisNetwork> config) #VisNetworkParameters
- config Action<VisNetwork>
public TablerDistributionCard DistributionCard(Action<TablerDistributionCard> config) #TablerDistributionCardParameters
- config Action<TablerDistributionCard>
public HtmlTag Div(Action<HtmlTag> config) #HtmlTagParameters
- config Action<HtmlTag>
public TablerEmptyState EmptyState(Action<TablerEmptyState> config) #TablerEmptyStateParameters
- config Action<TablerEmptyState>
public TablerEmptyStateCard EmptyStateCard(Action<TablerEmptyStateCard> config) #TablerEmptyStateCardParameters
- config Action<TablerEmptyStateCard>
public override Boolean Equals(Object obj) #BooleanParameters
- obj Object
public FancyTree FancyTree(Action<FancyTree> config) #FancyTreeParameters
- config Action<FancyTree>
public TablerFlagIcon Flag(Country country) #TablerFlagIconParameters
- iso2 String
public TablerFlagList Flags(Action<TablerFlagList> config) #TablerFlagListParameters
- config Action<TablerFlagList>
public TablerForm Form(Action<TablerForm> config) #TablerFormParameters
- config Action<TablerForm>
public FullCalendar FullCalendar(Action<FullCalendar> config) #FullCalendarParameters
- config Action<FullCalendar>
public TablerGaugeCard GaugeCard(Action<TablerGaugeCard> config) #TablerGaugeCardParameters
- config Action<TablerGaugeCard>
public TablerGeoSummaryCard GeoSummaryCard(Action<TablerGeoSummaryCard> config) #TablerGeoSummaryCardParameters
- config Action<TablerGeoSummaryCard>
public HeaderLevel HeaderLevel(HeaderLevelTag level, String text) #HeaderLevelParameters
- level HeaderLevelTag
- text String
public TablerHeroCard HeroCard(Action<TablerHeroCard> config) #TablerHeroCardParameters
- config Action<TablerHeroCard>
public TablerHighlightCard HighlightCard(Action<TablerHighlightCard> config) #TablerHighlightCardParameters
- config Action<TablerHighlightCard>
public TablerIconElement Icon(TablerIconType icon, Action<TablerIconElement> config) #TablerIconElementParameters
- icon FontAwesomeSolid
- config Action<FontAwesomeIcon> = null
public TablerIconFont IconFont(TablerIconType icon) #TablerIconFontParameters
- icon String
public TablerIncidentTimelineCard IncidentTimelineCard(Action<TablerIncidentTimelineCard> config) #TablerIncidentTimelineCardParameters
- config Action<TablerIncidentTimelineCard>
public TablerInsightSummaryCard InsightSummaryCard(Action<TablerInsightSummaryCard> config) #TablerInsightSummaryCardParameters
- config Action<TablerInsightSummaryCard>
public TablerLightboxGallery LightboxGallery(Action<TablerLightboxGallery> config) #TablerLightboxGalleryParameters
- config Action<TablerLightboxGallery>
public TablerLineComparisonCard LineComparisonCard(Action<TablerLineComparisonCard> config) #TablerLineComparisonCardParameters
- config Action<TablerLineComparisonCard>
public TablerButton LinkButton(String text, String href, TablerButtonVariant variant = Primary) #TablerButtonParameters
- text String
- href String
- variant TablerButtonVariant = Primary
public TablerListCard ListCard(Action<TablerListCard> config) #TablerListCardParameters
- config Action<TablerListCard>
public TablerListGroup ListGroup(Action<TablerListGroup> config) #TablerListGroupParameters
- config Action<TablerListGroup>
public TablerLogs Logs(List<String> code, RGBColor backgroundColor, RGBColor textColor) #TablerLogsParameters
- code String
- theme TablerLogsTheme = Dark
- backgroundClass String = null
- textClass String = null
public TablerMapSummaryCard MapSummaryCard(Action<TablerMapSummaryCard> config) #TablerMapSummaryCardParameters
- config Action<TablerMapSummaryCard>
public TablerMetricCard MetricCard(Action<TablerMetricCard> config) #TablerMetricCardParameters
- config Action<TablerMetricCard>
public TablerModal Modal(Action<TablerModal> config) #TablerModalParameters
- config Action<TablerModal>
public TablerNarrativeCard NarrativeCard(Action<TablerNarrativeCard> config) #TablerNarrativeCardParameters
- config Action<TablerNarrativeCard>
public TablerNarrativeSummaryCard NarrativeSummaryCard(Action<TablerNarrativeSummaryCard> config) #TablerNarrativeSummaryCardParameters
- config Action<TablerNarrativeSummaryCard>
public TablerPageHeader PageHeader(Action<TablerPageHeader> config) #TablerPageHeaderParameters
- config Action<TablerPageHeader>
public TablerPeopleReviewCard PeopleReviewCard(Action<TablerPeopleReviewCard> config) #TablerPeopleReviewCardParameters
- config Action<TablerPeopleReviewCard>
public TablerPlaceholder Placeholder(Action<TablerPlaceholder> config) #TablerPlaceholderParameters
- config Action<TablerPlaceholder>
public TablerPlaceholderCard PlaceholderCard(Action<TablerPlaceholderCard> config) #TablerPlaceholderCardParameters
- config Action<TablerPlaceholderCard>
public TablerPlaceholderContainer Placeholders(Action<TablerPlaceholderContainer> config) #TablerPlaceholderContainerParameters
- config Action<TablerPlaceholderContainer>
public TablerPresenceListCard PresenceListCard(Action<TablerPresenceListCard> config) #TablerPresenceListCardParameters
- config Action<TablerPresenceListCard>
public TablerProgressBar ProgressBar(TablerProgressBarType type, Int32 percentage, Nullable<TablerColor> tablerBackground = null) #TablerProgressBarParameters
- config Action<TablerProgressBar>
public TablerProgressListCard ProgressListCard(Action<TablerProgressListCard> config) #TablerProgressListCardParameters
- config Action<TablerProgressListCard>
public EasyQRCodeElement QRCode(String text) #EasyQRCodeElementParameters
- text String
public QuillEditor QuillEditor(Action<QuillEditor> config = null) #QuillEditorParameters
- config Action<QuillEditor> = null
public TablerReviewListCard ReviewListCard(Action<TablerReviewListCard> config) #TablerReviewListCardParameters
- config Action<TablerReviewListCard>
public TablerRow Row(Action<TablerRow> config) #TablerRowParameters
- config Action<TablerRow>
public TablerScheduleSummaryCard ScheduleSummaryCard(Action<TablerScheduleSummaryCard> config) #TablerScheduleSummaryCardParameters
- config Action<TablerScheduleSummaryCard>
public ScrollingText ScrollingText(Action<ScrollingText> config) #ScrollingTextParameters
- config Action<ScrollingText>
public TablerScrollSpy ScrollSpy(Action<TablerScrollSpy> config) #TablerScrollSpyParameters
- config Action<TablerScrollSpy>
public SmartTab SmartTab(Action<SmartTab> config) #SmartTabParameters
- config Action<SmartTab>
public SmartWizard SmartWizard(Action<SmartWizard> config) #SmartWizardParameters
- config Action<SmartWizard>
public TablerSocialTileCard SocialTileCard(Action<TablerSocialTileCard> config) #TablerSocialTileCardParameters
- config Action<TablerSocialTileCard>
public Span Span(String content = "") #SpanParameters
- content String = ""
public TablerSparkline Sparkline(Action<TablerSparkline> config) #TablerSparklineParameters
- config Action<TablerSparkline>
public TablerSpinner Spinner(Action<TablerSpinner> config) #TablerSpinnerParameters
- config Action<TablerSpinner>
public TablerStatTileCard StatTileCard(Action<TablerStatTileCard> config) #TablerStatTileCardParameters
- config Action<TablerStatTileCard>
public TablerStatusIndicator StatusIndicator(Action<TablerStatusIndicator> config) #TablerStatusIndicatorParameters
- config Action<TablerStatusIndicator>
public TablerStatusStrip StatusStrip(Action<TablerStatusStrip> config) #TablerStatusStripParameters
- config Action<TablerStatusStrip>
public TablerSummaryStrip SummaryStrip(Action<TablerSummaryStrip> config) #TablerSummaryStripParameters
- config Action<TablerSummaryStrip>
public Table Table(Object objects, TableType tableType) #TableParameters
- objects IEnumerable<Object>
- tableType TableType
public TablerInput TablerInput(String name, Action<TablerInput> config = null) #TablerInputParameters
- name String
- config Action<TablerInput> = null
public TablerProgressBar TablerProgress(Action<TablerProgressBar> config) #TablerProgressBarParameters
- config Action<TablerProgressBar>
public TablerSelect TablerSelect(String name, Action<TablerSelect> config = null) #TablerSelectParameters
- name String
- config Action<TablerSelect> = null
public TablerSteps TablerSteps(Action<TablerSteps> config) #TablerStepsParameters
- config Action<TablerSteps>
public TablerTextarea TablerTextarea(String name, Action<TablerTextarea> config = null) #TablerTextareaParameters
- name String
- config Action<TablerTextarea> = null
public TablerTableSummaryCard TableSummaryCard(Action<TablerTableSummaryCard> config) #TablerTableSummaryCardParameters
- config Action<TablerTableSummaryCard>
public TablerTabs Tabs(Action<TablerTabs> config) #TablerTabsParameters
- config Action<TablerTabs>
public TablerTags Tags(Action<TablerTags> config) #TablerTagsParameters
- config Action<TablerTags>
public TablerTaskList Tasks(Action<TablerTaskList> config) #TablerTaskListParameters
- config Action<TablerTaskList>
public TablerText Text() #TablerTextParameters
- content String
- color RGBColor = null
- fontSize String = null
public TablerTimeline Timeline(Action<TablerTimeline> config) #TablerTimelineParameters
- config Action<TablerTimeline>
public TablerTimelineSummaryCard TimelineSummaryCard(Action<TablerTimelineSummaryCard> config) #TablerTimelineSummaryCardParameters
- config Action<TablerTimelineSummaryCard>
public TablerToast Toast(Action<TablerToast> config) #TablerToastParameters
- title String
- message String
- type TablerToastType = Default
public TablerTrackingSummaryCard TrackingSummaryCard(Action<TablerTrackingSummaryCard> config) #TablerTrackingSummaryCardParameters
- config Action<TablerTrackingSummaryCard>
public TablerVectorMapCard VectorMapCard(Action<TablerVectorMapCard> config) #TablerVectorMapCardParameters
- config Action<TablerVectorMapCard>
public TablerWorkflowStepsCard WorkflowStepsCard(Action<TablerWorkflowStepsCard> config) #TablerWorkflowStepsCardParameters
- config Action<TablerWorkflowStepsCard>
public TablerWorkflowSummaryCard WorkflowSummaryCard(Action<TablerWorkflowSummaryCard> config) #TablerWorkflowSummaryCardParameters
- config Action<TablerWorkflowSummaryCard>