New to Telerik UI for .NET MAUI? Start a free 30-day trial

.NET MAUI SplitButton ToolbarItem

Add a split button in the toolbar using the SplitButtonToolbarItem. The toolbar item inherits from the DropDownMenuButtonToolbarItem.

The exposed property is Items(of type IList<ToolbarItem>)—Read-only collection of ToolbarItems to display in the drop-down menu.

DropDownMenuButtonToolbarItem inherits from DropDownButtonToolbarItem. You can apply all properties from the DropDownButtonToolbarItem to the SplitButtonToolbarItem. The properties are described in the DropDownButton ToolbarItem article.

<telerik:SplitButtonToolbarItem Text="Save As...">
    <telerik:SplitButtonToolbarItem.Style>
        <Style TargetType="telerik:SplitButtonToolbarItemView">
            <Setter Property="DisplayOptions" Value="Text" />
            <Setter Property="MinimumWidthRequest" Value="{OnIdiom Default=110, Phone=125}" />
        </Style>
    </telerik:SplitButtonToolbarItem.Style>
    <telerik:ButtonToolbarItem Text="Save as TXT">
        <telerik:ButtonToolbarItem.ImageSource>
            <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconFile}"
                             FontFamily="{x:Static telerik:TelerikFont.Name}"
                             Size="16" />
        </telerik:ButtonToolbarItem.ImageSource>
    </telerik:ButtonToolbarItem>
    <telerik:ButtonToolbarItem Text="Save as DOCX">
        <telerik:ButtonToolbarItem.ImageSource>
            <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconFile}"
                             FontFamily="{x:Static telerik:TelerikFont.Name}"
                             Size="16" />
        </telerik:ButtonToolbarItem.ImageSource>
    </telerik:ButtonToolbarItem>
    <telerik:ButtonToolbarItem Text="Save as PDF">
        <telerik:ButtonToolbarItem.ImageSource>
            <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconFile}"
                             FontFamily="{x:Static telerik:TelerikFont.Name}"
                             Size="16" />
        </telerik:ButtonToolbarItem.ImageSource>
    </telerik:ButtonToolbarItem>
</telerik:SplitButtonToolbarItem>

Styling

SplitButtonToolbarItem has Style property with target type SplitButtonToolbarItemView.

The properties that can be applied through style are the properties applicable for DropDownButtonToolbarItemView, ButtonToolbarItemView, ToolbarItemView and LabelToolbarItemView.