DxBorderSettings Class

Contains the element’s border settings.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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 | OpacitySpecify the border color and its transparency.LineStyle | WidthAllow you to customize style and width of the border line.VisibleSpecifies border visibility.

Note

The DxBorderSettings.LineStyle property does not apply to borders of the following objects:

Example

The following code snippet configures borders for DxBarGauge tooltips:

razor

<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 = "##.# '%' ";
}

Implements

Inheritance

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