Search results

Position popup open in Blazor Dropdown Menu component

22 Jul 2021 / 1 minute to read

Popup open position can be changed according to the requirement. We have set the Popup open position using CssClass property as custom in Top and Left for the popup element.

In the following example, the Top position of the popup element.

Copied to clipboard
@using Syncfusion.Blazor.SplitButtons

<SfDropDownButton Content="EDIT" CssClass="custom">
    <DropDownMenuItems>
        <DropDownMenuItem Text="Cut"></DropDownMenuItem>
        <DropDownMenuItem Text="Copy"></DropDownMenuItem>
        <DropDownMenuItem Text="Paste"></DropDownMenuItem>
    </DropDownMenuItems>
</SfDropDownButton>

<style>
    .custom.e-dropdown-popup {
        margin: -122px -27px;
    }
</style>

Output be like

Button Sample