Back to Devexpress

DxTooltipSettings.PaddingTopBottom Property

blazor-devexpress-dot-blazor-dot-dxtooltipsettings-2c452f44.md

latest1.6 KB
Original Source

DxTooltipSettings.PaddingTopBottom Property

Specifies the padding between the top or bottom tooltip edge and content.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(15)]
[Parameter]
public int PaddingTopBottom { get; set; }

Property Value

TypeDefaultDescription
Int3215

The padding in pixels.

|

Remarks

Use the PaddingLeftRight or PaddingTopBottom property to add or remove empty space around tooltip content.

The following code snippet removes paddings between tooltip edges and content:

razor
<DxBarGauge Width="50%"
            Height="50%"
            StartValue="-5"
            EndValue="5"
            BaseValue="0"
            Values="@Values">
    @* ... *@
    <DxTooltipSettings Enabled="true"
                       Color="lightyellow" 
                       PaddingLeftRight="0"
                       PaddingTopBottom="0">
        <DxTextFormatSettings LdmlString="@LabelFormat" />
    </DxTooltipSettings>
</DxBarGauge>

@code {
    string LabelFormat = "##.## mm;-##.## mm";
    double[] Values = new double[] { -2.13, 1.48, -3.09, 4.52, 4.9, 3.9 };
}

See Also

DxTooltipSettings Class

DxTooltipSettings Members

DevExpress.Blazor Namespace