Skip to main content
All docs
V25.1
  • DxRangeSelector.AllowSliderSwap Property

    Specifies whether users can swap sliders.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(true)]
    [Parameter]
    public bool AllowSliderSwap { get; set; }

    Property Value

    Type Default Description
    Boolean true

    true to swap sliders; otherwise, false.

    Remarks

    The Range Selector component allows users to cross sliders on range selection. Once the sliders are crossed, the component swaps them.

    Range Selector - Slider Swap

    To disable slider swap, set the AllowSliderSwap property to false:

    <DxRangeSelector Width="700px"
                     Height="300px"
                     AllowSliderSwap="false"
                     Data="@Data">
        <DxTitleSettings Text="Population by Country, 2023" />
        <DxRangeSelectorChart>
            <DxChartBarSeries ArgumentField="@((PopulationPoint s) => s.Country)"
                              ValueField="@((PopulationPoint s) => s.Value)" />
        </DxRangeSelectorChart>
    </DxRangeSelector>
    
    @code {
        List<PopulationPoint> Data;
        protected override void OnInitialized() {
            Data = GetData();
        }
    }
    
    See Also