Skip to main content

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

DialogDisplayOptions(String, HorizontalAlignment, VerticalAlignment) Constructor

Initializes a new instance of the DialogDisplayOptions class with the specified dialog target selector, and horizontal and vertical alignment.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public DialogDisplayOptions(
    string targetSelector,
    [DefaultValue(HorizontalAlignment.Center)] HorizontalAlignment horizontalAlignment = HorizontalAlignment.Center,
    [DefaultValue(VerticalAlignment.Center)] VerticalAlignment verticalAlignment = VerticalAlignment.Center
)

#Parameters

Name Type Description
targetSelector String

The target selector.

#Optional Parameters

Name Type Default Description
horizontalAlignment HorizontalAlignment Center

The horizontal alignment.

verticalAlignment VerticalAlignment Center

The vertical alignment.

#Remarks

In the following code snippet, the DxGrid.ShowColumnChooser(DialogDisplayOptions) method displays the grid’s Column Chooser.

Razor
<DxButton Text="Show Column Chooser" Click="@OnClick" CssClass="column-chooser-button" />

<DxGrid @ref="@Grid" Data="@Data" >
    <Columns>
        <DxGridDataColumn FieldName="CompanyName" />
        <DxGridDataColumn FieldName="ContactName" />
        <DxGridDataColumn FieldName="ContactTitle"  />
        <DxGridDataColumn FieldName="City" />
        <DxGridDataColumn FieldName="Country" />
        <DxGridDataColumn FieldName="Phone" Visible="false" />
    </Columns>
</DxGrid>

@code {
    DxGrid Grid { get; set; }
    IEnumerable<Supplier> Data { get; set; }
    protected override async Task OnInitializedAsync() {
        Data = await NwindDataService.GetSuppliersAsync();
    }
    void OnClick() {
        Grid.ShowColumnChooser(new DialogDisplayOptions(".column-chooser-button", HorizontalAlignment.Right, VerticalAlignment.Top));
    }
}

See Also