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.
@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