API Reference
SmartTab
SmartTab component for creating responsive tabbed interfaces with extensive customization options.
Inheritance
- Element
- SmartTab
Constructors
Methods
public SmartTab AddTab(String label, Action<SmartTabPanel> configure = null) #SmartTabAdds a new tab panel to the SmartTab.
Parameters
- label System.String
- The tab label.
- configure System.Action{HtmlForgeX.SmartTabPanel} = null
- Optional configuration action for the panel.
Returns
The current instance for method chaining.
public SmartTab AddTab(String label, TablerIconType icon, Action<SmartTabPanel> configure = null) #SmartTabAdds a new tab panel with icon.
Parameters
- label System.String
- The tab label.
- icon HtmlForgeX.TablerIconType
- The tab icon.
- configure System.Action{HtmlForgeX.SmartTabPanel} = null
- Optional configuration action for the panel.
Returns
The current instance for method chaining.
public SmartTab AsVertical() #SmartTabSets the tab orientation to vertical.
Returns
The current instance for method chaining.
public SmartTab AsVerticalRight() #SmartTabSets vertical orientation with nav placed on the right side.
public SmartTab AutoAdjustHeight(Boolean enabled = true) #SmartTabEditorBrowsable(2)Enables or disables automatic height adjustment.
Parameters
- enabled System.Boolean = true
- Whether to enable auto height adjustment.
Returns
The current instance for method chaining.
public SmartTab BackButtonSupport(Boolean enabled = true) #SmartTabEditorBrowsable(2)Enables or disables browser back button support.
Parameters
- enabled System.Boolean = true
- Whether to enable back button support.
Returns
The current instance for method chaining.
BuildInitializationScript() #Builds the SmartTab initialization script.
public SmartTab ConfigureKeyboard(Action<SmartTabKeyboard> configure) #SmartTabConfigures custom keyboard shortcuts.
Parameters
- configure System.Action{HtmlForgeX.SmartTabKeyboard}
- Configuration action for keyboard settings.
Returns
The current instance for method chaining.
public SmartTab DisableAutoProgress() #SmartTabDisables auto-progress functionality.
Returns
The current instance for method chaining.
public SmartTab EnableAutoProgress(Int32 interval = 3500, Boolean stopOnFocus = true) #SmartTabEnables auto-progress functionality.
Parameters
- interval System.Int32 = 3500
- The interval in milliseconds.
- stopOnFocus System.Boolean = true
- Whether to pause on focus.
Returns
The current instance for method chaining.
public SmartTab EnableUrlHash(Boolean enabled = true) #SmartTabEditorBrowsable(2)Enables or disables URL hash navigation.
Parameters
- enabled System.Boolean = true
- Whether to enable URL hash navigation.
Returns
The current instance for method chaining.
public String GoToNext() #StringGenerates JavaScript code to navigate to the next tab.
Returns
JavaScript method call string.
public String GoToPrevious() #StringGenerates JavaScript code to navigate to the previous tab.
Returns
JavaScript method call string.
public String GoToTab(Int32 index) #StringGenerates JavaScript code to navigate to a specific tab.
Parameters
- index System.Int32
- The tab index.
Returns
JavaScript method call string.
public SmartTab Justified(Boolean justified = true) #SmartTabSets whether navigation menu should be justified.
Parameters
- justified System.Boolean = true
- Whether to justify navigation menu.
Returns
The current instance for method chaining.
public SmartTab OnInitialized(String handler) #SmartTabAdds an event handler for the initialized event.
Parameters
- handler System.String
- The JavaScript event handler code.
Returns
The current instance for method chaining.
public SmartTab OnLeaveTab(String handler) #SmartTabAdds an event handler for the leaveTab event.
Parameters
- handler System.String
- The JavaScript event handler code.
Returns
The current instance for method chaining.
public SmartTab OnLoaded(String handler) #SmartTabAdds an event handler for the loaded event.
Parameters
- handler System.String
- The JavaScript event handler code.
Returns
The current instance for method chaining.
public SmartTab OnShowTab(String handler) #SmartTabAdds an event handler for the showTab event.
Parameters
- handler System.String
- The JavaScript event handler code.
Returns
The current instance for method chaining.
public SmartTab PersistSelected(String key = null) #SmartTabPersist currently selected tab in localStorage and restore it on load.
Parameters
- key System.String = null
- Optional key; defaults to the SmartTab id.
RegisterLibraries() #Registers the required libraries for SmartTab.
public String Reset() #StringGenerates JavaScript code to reset the tabs.
Returns
JavaScript method call string.
public SmartTab Settings(Action<SmartTabSettings> configure) #SmartTabGroups less-common options under a single fluent entry point to keep IntelliSense lean.
Parameters
- configure System.Action{HtmlForgeX.SmartTabSettings}
public SmartTab WithCardHeaderLook(Boolean enable = true) #SmartTabApplies a card-header-like look to the nav (tabs aligned to header).
Parameters
- enable System.Boolean = true
public SmartTab WithContainerClass(String cssClass) #SmartTabSets custom CSS classes for the container.
Parameters
- cssClass System.String
- The CSS class names.
Returns
The current instance for method chaining.
public SmartTab WithContentClass(String cssClass) #SmartTabSets custom CSS classes for the content container.
Parameters
- cssClass System.String
- The CSS class names.
Returns
The current instance for method chaining.
public SmartTab WithCssVar(String name, String value) #SmartTabSets a CSS variable used by SmartTab themes (e.g., "--st-anchor-active-primary-color").
Parameters
- name System.String
- value System.String
public SmartTab WithCustomAnimation(String prefixCss, String fwdShowCss = null, String fwdHideCss = null, String bckShowCss = null, String bckHideCss = null) #SmartTabConfigures custom CSS animation classes.
Parameters
- prefixCss System.String
- CSS class prefix.
- fwdShowCss System.String = null
- Forward show CSS class.
- fwdHideCss System.String = null
- Forward hide CSS class.
- bckShowCss System.String = null
- Backward show CSS class.
- bckHideCss System.String = null
- Backward hide CSS class.
Returns
The current instance for method chaining.
public SmartTab WithSelectedTab(Int32 index) #SmartTabSets the initially selected tab.
Parameters
- index System.Int32
- The zero-based index of the tab to select.
Returns
The current instance for method chaining.
public SmartTab WithTheme(SmartTabTheme theme) #SmartTabSets the theme for the SmartTab.
Parameters
- theme HtmlForgeX.SmartTabTheme
- The theme to apply.
Returns
The current instance for method chaining.
public SmartTab WithThemeColors(String activePrimary = null, String activeSecondary = null, String defaultPrimary = null, String defaultSecondary = null, String borderColor = null, String background = null) #SmartTabConvenience setter for common SmartTab theme colors.
Parameters
- activePrimary System.String = null
- activeSecondary System.String = null
- defaultPrimary System.String = null
- defaultSecondary System.String = null
- borderColor System.String = null
- background System.String = null
public SmartTab WithTransition(SmartTabAnimation animation, Int32 speed = 400, String easing = null) #SmartTabConfigures the transition animation.
Parameters
- animation HtmlForgeX.SmartTabAnimation
- The animation type.
- speed System.Int32 = 400
- The animation speed in milliseconds.
- easing System.String = null
- The easing function.
Returns
The current instance for method chaining.
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(TablerColumnNumber number, Action<TablerColumn> config) #TablerColumnParameters
- config Action<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>
Properties
public String Id { get; } #Gets the unique identifier for this SmartTab instance.
public List<SmartTabPanel> Panels { get; } #Gets the list of tab panels.
public SmartTabOptions Options { get; } #Gets the configuration options.
public Boolean IsVertical { get; set; } #Gets or sets the orientation (horizontal or vertical).
public Boolean CardHeaderLook { get; set; } #Applies a card-header-like look to the nav (padding/border alignment).
public String ContainerClass { get; set; } #Gets or sets custom CSS classes for the container.
public String ContentClass { get; set; } #Gets or sets custom CSS classes for the content container.