Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxShadowSettings Class

Contains settings for the element’s shadows.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public class DxShadowSettings :
    DxSettingsComponent<ShadowSettingsModel>

#Remarks

Use DxShadowSettings objects to customize shadow settings of the following components:

#Component-Level Settings

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

Blur | Color | Opacity
Specify the shadow appearance.
HorizontalOffset | VerticalOffset
Specify the shadow position.

#Example

The following code snippet configures shadows for DxBarGauge tooltips:

Razor
<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    @* ... *@
    <DxTooltipSettings Enabled="true" Color="lightyellow" >
        <DxTextFormatSettings LdmlString="@LabelFormat" />
        <DxShadowSettings Blur="5" Color="green" Opacity="0.9"
                          HorizontalOffset="-20" VerticalOffset="10" />
    </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.ShadowSettingsModel>
DxShadowSettings
See Also