telerik:ListPickerButtonToolbarItem - can contained sub items?

1 Answer 35 Views
Expander Toolbar TreeView
Le
Top achievements
Rank 1
Iron
Le asked on 17 Oct 2023, 09:28 AM
For Desktop application: we neen to build customized toolbar - that might contained some sub toolbar items. Can we use In telerik:ListPickerButtonToolbarItem?

1 Answer, 1 is accepted

Sort by
0
Didi
Telerik team
answered on 18 Oct 2023, 01:55 PM

Hi Le,

You can use the NavigationButtonToolbarItem:

    <telerik:NavigationButtonToolbarItem Text="Search">
        <telerik:NavigationButtonToolbarItem.ImageSource>
            <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconSearch}"
                     FontFamily="{x:Static telerik:TelerikFont.Name}"
                     Size="16" />
       </telerik:NavigationButtonToolbarItem.ImageSource>
    <telerik:NavigationButtonToolbarItem.Items>
        <telerik:ButtonToolbarItem/>
        <telerik:ButtonToolbarItem/>
        <telerik:ButtonToolbarItem/>
        <telerik:ButtonToolbarItem/>
        <telerik:ButtonToolbarItem/>
    </telerik:NavigationButtonToolbarItem.Items>
           
</telerik:NavigationButtonToolbarItem>

GroupToolbarItem:

<telerik:GroupToolbarItem>
    <telerik:RadioButtonToolbarItem Text="Left">
        <telerik:RadioButtonToolbarItem.ImageSource>
            <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconAlignLeft}"
                     FontFamily="{x:Static telerik:TelerikFont.Name}"
                     Size="16" />
        </telerik:RadioButtonToolbarItem.ImageSource>
    </telerik:RadioButtonToolbarItem>
    <telerik:RadioButtonToolbarItem Text="Center">
        <telerik:RadioButtonToolbarItem.ImageSource>
            <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconAlignCenter}"
                     FontFamily="{x:Static telerik:TelerikFont.Name}"
                     Size="16" />
        </telerik:RadioButtonToolbarItem.ImageSource>
    </telerik:RadioButtonToolbarItem>
    <telerik:RadioButtonToolbarItem Text="Right">
        <telerik:RadioButtonToolbarItem.ImageSource>
            <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconAlignRight}"
                     FontFamily="{x:Static telerik:TelerikFont.Name}"
                     Size="16" />
        </telerik:RadioButtonToolbarItem.ImageSource>
    </telerik:RadioButtonToolbarItem>
</telerik:GroupToolbarItem>

 

SplitbuttonToolbarItem:

<telerik:SplitButtonToolbarItem Text="Save as ...">
    <telerik:SplitButtonToolbarItem.Style>
        <Style TargetType="telerik:SplitButtonToolbarItemView">
            <Setter Property="DisplayOptions" Value="Image, Text" />
        </Style>
    </telerik:SplitButtonToolbarItem.Style>
    <telerik:SplitButtonToolbarItem.ImageSource>
        <FontImageSource Glyph="{x:Static telerik:TelerikFont.IconFile}"
                 FontFamily="{x:Static telerik:TelerikFont.Name}"
                 Size="16" />
    </telerik:SplitButtonToolbarItem.ImageSource>
    <telerik:ButtonToolbarItem Text="Save as TXT"
                       Command="{Binding SaveAsTextCommand}">
        <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 HTML"
                       Command="{Binding SaveAsHtmlCommand}">
        <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>

And use ListPickerToolbarItem and populate the ItemsSource with collection with ToolbarItem

Regards,
Didi
Progress Telerik

A brand new .NET MAUI course was just added to the Virtual Classroom. The training course is developed to help you get started with the Telerik UI for .NET MAUI components and features. It aims to put you in the shoes of an engineer who adds new features to an existing application. You can check it out at https://learn.telerik.com
Tags
Expander Toolbar TreeView
Asked by
Le
Top achievements
Rank 1
Iron
Answers by
Didi
Telerik team
Share this question
or