WebMap for Blazor
  • WebMap Blazor
    • Modernization
      • Overview
      • Modernization Challenges
      • Our solution
      • What is Blazor?
      • How does Blazor Work?
      • Windows Forms in Blazor
      • Deployment
      • Interfacing with hardware devices
    • Research for Blazor
      • Handling Reference Parameters in Async Methods with Ref<T>
      • Alternatives to Async Properties in C#
      • Issue with using "MessageBox.Show" in Blazor
      • File Upload Functionality
      • Async/Await Feature for WebMap Blazor
    • Assessment Tool
    • Conversion Tool
      • Getting Started
      • Modals and Dialogs
      • Static Service Management
      • ImageListStreamer
      • Solution and Project Structure
        • Solution Generator
    • DCP: Desktop Compatibility Library
      • API Documentation
        • Blazor DCP: Gap.Blazor.Application Class Reference
      • Components Information
        • Button Component
        • Application Data Component
        • GroupBox Component
        • Label Component
        • CheckBox
        • CheckedListBox
        • ComboBox
        • DateTimePicker
        • Form
        • ListBox
        • ListView
          • WMListViewDetails
        • Mdi Container Component
        • MenuStrip
        • MessageBox
        • MonthCalendar
        • Panel
        • PictureBox
        • ProgressBar
        • RadioButton
        • StatusStrip
        • ToolStripStatusLabel
        • TabControl
        • TabPage
        • TextBox
        • ToolStrip
          • ToolStripButton
          • ToolStripLabel
          • ToolStripSeparator
        • ToolTip
    • Post Conversion
      • How To?
        • Create a new WebMap Window?
        • Create a new WebMap Component?
        • Create a native Blazor Window in a WebMap app?
        • Create a native Blazor Component in a WebMap Window?
        • Change the default WebMap visual layout?
    • WebMap: Angular vs Blazor
      • Footprint
      • Binaries size
      • Chatiness
      • Performance
      • Extensibility
      • Maintainability
      • Debugging
      • Project Structure
    • WebMap for Blazor Release Notes
      • Beta version
    • FAQ
    • Errors and Troubleshooting
    • License
Powered by GitBook
On this page
  • Description
  • Usage
  • Properties
  • Methods
  • Dynamic Rendering
  • Styles
  • Events
Export as PDF
  1. WebMap Blazor
  2. DCP: Desktop Compatibility Library
  3. Components Information

ToolStripStatusLabel

Description

This component represents a status label within a StatusStrip in Blazor using the Gap.Blazor.ToolStripStatusLabel model. It renders a styled label inside a Telerik ToolBarTemplateItem, supports tooltip display, click interaction, and dynamic layout behavior such as spring and auto size.

Usage

<WMStyleBase model=@toolStripStatusLabel></WMStyleBase>

<ToolBarTemplateItem class="spring-active">
    <label class="@(toolStripStatusLabel.GetStringClasses() + " " + toolStripStatusLabel.GetToolTipClass() + " BorderStyle")"
           title="@toolStripStatusLabel.ToolTipText"
           onclick="@toolStripItemClick">
        @toolStripStatusLabel.Text
    </label>
</ToolBarTemplateItem>

<WMToolStripStatusLabel3DBorderStyle ToolStripStatusLabel="@this.toolStripStatusLabel" />

Properties

  • toolStripStatusLabel: Instance of the Gap.Blazor.ToolStripStatusLabel model.

  • Text: The label text displayed in the status strip.

  • ToolTipText: Tooltip shown on hover.

  • Spring: If true, the label expands to fill available space.

  • AutoSize: If true, the label width is set to 100%; otherwise, it uses a fixed width.

  • TextAlign: Determines the horizontal alignment of the label content.

Methods

  • toolStripItemClick(MouseEventArgs): Invokes the PerformClick() method on the model when the label is clicked.

Dynamic Rendering

  • ToolBarTemplateItem: Used to render the label inside a Telerik ToolBar.

  • Label Styling: Combines model-based classes with tooltip and border styling.

  • WMToolStripStatusLabel3DBorderStyle: Renders additional 3D border effects based on the model.

Styles

.@model.GetComponentClass() {
    position: relative;
    text-align: [based on TextAlign];
    width: [100% if AutoSize, else fixed width];
}

.@model.Parent.GetComponentClass() .k-toolbar-item {
    width: [100% if Spring, else fit-content];
    display: contents;
}

Events

  • Click: Triggered when the label is clicked, invoking the model’s PerformClick() method.

PreviousStatusStripNextTabControl

Last updated 2 days ago