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

    Contains settings for the element’s margins.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxMarginSettings :
        DxSettingsComponent<MarginSettingsModel>

    Remarks

    Use DxMarginSettings objects to customize margin settings for the following components:

    The DxMarginSettings component allows you to configure Top, Right, Bottom, and Left margins.

    Example

    The following code snippet sets margins for DxSparkline:

    Sparkline - Size and Margins

    <DxSparkline Data="@DataSource"
                 CssClass="myCssClass"
                 Type="SparklineType.Bar"
                 ArgumentFieldName="Month"
                 ValueFieldName="VisitorCount"
                 Height="50px"
                 Width="200px">
        <DxMarginSettings Top="10" Right="20" Bottom="10" Left="20"/>
    </DxSparkline>
    
    @code {
        IEnumerable<SparklineDataPoint> DataSource = Enumerable.Empty<SparklineDataPoint>();
        protected override void OnInitialized() {
            DataSource = GenerateData();
        }
    }
    

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.MarginSettingsModel>
    DxMarginSettings
    See Also