Skip to main content
All docs
V25.1
  • DxBorderSettings Class

    Contains the element’s border settings.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxBorderSettings :
        DxSettingsComponent<BorderSettingsModel>

    Remarks

    Use DxBorderSettings objects to customize border settings of the following components:

    To display a target component’s borders, add a DxBorderSettings object to component markup and enable the DxBorderSettings.Visible property.

    Component-Level Settings

    The DxBorderSettings component allows you to specify the following properties at the component level:

    Color | Opacity
    Specify the border color and its transparency.
    LineStyle | Width
    Allow you to customize style and width of the border line.
    Visible
    Specifies border visibility.

    Example

    The following code snippet configures borders for DxBarGauge tooltips:

    <DxBarGauge Width="100%"
                Height="500px"
                StartValue="0"
                EndValue="100"
                Values="@Values">
        @* ... *@
        <DxTooltipSettings Enabled="true" Color="lightyellow" >
            <DxTextFormatSettings LdmlString="@LabelFormat" />
            <DxBorderSettings Color="green" LineStyle="LineStyle.DashDotDot"
                              Opacity="0.7" Width="3"/>
        </DxTooltipSettings>
    </DxBarGauge>
    
    @code {
        double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
        string LabelFormat = "##.# '%' ";
    }
    

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.BorderSettingsModel>
    DxBorderSettings
    See Also