Introducing the New .NET MAUI Toolbar Management

We’re excited to introduce the brand new Syncfusion .NET MAUI Toolbar management in our newest launch, 2025 Quantity 1!

In at this time’s digital world, making certain easy consumer interplay with apps is essential, whether or not it’s a picture editor, phrase editor, or some other kind of software. The Toolbar is a vital part for providing a easy and intuitive consumer expertise. It permits us to simply execute particular actions by way of varied toolbar gadgets, making our app extra interactive and user-friendly. Its options allow builders to create a tailor-made interface that aligns with their app’s themes and consumer preferences.

Check with the next picture.

Key options

Let’s discover the important thing options of the .NET MAUI Toolbar management!

Toolbar gadgets

The Toolbar management’s versatile toolbar gadgets are central to its performance. These toolbar gadgets may be custom-made to incorporate:

• Icons: Use recognizable icons for fast entry to core functionalities.
• Labels: Present clear labels to accompany icons, making certain that customers perceive the aim of every merchandise.
• Mixture of each: For enhanced readability, mix icons with labels.
• Customized views: Transcend standard icons and labels by integrating customized views that cater to particular app wants.

Interplay

Guaranteeing easy interplay is essential for any app. The Toolbar management helps the next consumer interplay options:

• Contact gestures: Seamlessly combine touch-based interactions for customers on touch-enabled units.
• Merchandise tapping: Enable customers to faucet gadgets to set off rapid actions.
• Command execution: Hyperlink toolbar gadgets on to instructions, streamlining operations and enhancing effectivity. Check with the next GIF picture.

Orientation

Flexibility in structure is essential for accommodating completely different display sizes and orientations. The Toolbar management helps:

• Horizontal orientation: Organize toolbar gadgets in a row alongside the highest or backside of the display.

• Vertical orientation: Stack toolbar gadgets vertically, excellent for facet navigation panels.

Overflow help

The .NET MAUI Toolbar management affords the next options to maintain the interface clear whereas managing many toolbar gadgets. This can manage and streamline the gadgets, making certain customers can work together easily with out feeling overwhelmed by muddle. 

• Scrollable choices: Allow scrolling by way of toolbar gadgets, permitting customers to entry extra actions with out overwhelming them.

• Navigation buttons: Assist customers simply entry extra choices that aren’t instantly seen within the toolbar.

• Menu for managing extra gadgets: Neatly manage extra toolbar gadgets in a separate menu for simple entry.

Overlay toolbar

This characteristic offers a floating toolbar that is still simply accessible, making certain customers can rapidly work together with important instruments with out disrupting their workflow.

Tooltip

Tooltips show extra info on hover or long-press actions, serving to us perceive a device’s performance with out cluttering the interface. 

Look customization

The Toolbar management affords customization choices that make it straightforward to adapt to completely different aesthetic preferences and system themes. Customers can modify icon and label colours to seamlessly match each mild and darkish themes, making certain a visually constant look all through the app.

Check with the next photos.

Getting began with .NET MAUI Toolbar management

We’ve seen a number of the key options of the .NET MAUI Toolbar management. Now, let’s see tips on how to combine it into your app.

Register the handler for Syncfusion core

First, we should arrange the Syncfusion core handler within the MauiProgram.cs file to make use of the .NET MAUI controls.

utilizing Syncfusion.Maui.Core.Internet hosting;

...

builder  
    .UseMauiApp<App>()  
    .ConfigureSyncfusionCore();

Add the .NET MAUI Toolbar management with gadgets

• Lastly, add the gadgets to the SfToolbar management.

  MainPage.xaml

  <VerticalStackLayout> 
    <toolbar:SfToolbar x:Title="Toolbar" HeightRequest="56">
          <toolbar:SfToolbar.Objects>
              <toolbar:SfToolbarItem Title="Daring"
                              ToolTipText="Daring">
                  <toolbar:SfToolbarItem.Icon>
                      <FontImageSource Glyph="&#xE770;"
                          FontFamily="MauiMaterialAssets" />
                  </toolbar:SfToolbarItem.Icon>
              </toolbar:SfToolbarItem>
              <toolbar:SfToolbarItem Title="Underline"
                              ToolTipText="Underline">
                  <toolbar:SfToolbarItem.Icon>
                      <FontImageSource Glyph="&#xE762;"
                          FontFamily="MauiMaterialAssets" />
                  </toolbar:SfToolbarItem.Icon>
              </toolbar:SfToolbarItem>
              <toolbar:SfToolbarItem Title="Italic"
                              ToolTipText="Italic">
                  <toolbar:SfToolbarItem.Icon>
                      <FontImageSource Glyph="&#xE771;"
                          FontFamily="MauiMaterialAssets" />
                  </toolbar:SfToolbarItem.Icon>
              </toolbar:SfToolbarItem>
              <toolbar:SfToolbarItem Title="AlignLeft"
                                      ToolTipText="Align-Left">
                  <toolbar:SfToolbarItem.Icon>
                      <FontImageSource Glyph="&#xE751;"
                          FontFamily="MauiMaterialAssets" />
                  </toolbar:SfToolbarItem.Icon>
              </toolbar:SfToolbarItem>
              <toolbar:SfToolbarItem Title="AlignRight"
                                      ToolTipText="Align-Proper">
                  <toolbar:SfToolbarItem.Icon>
                      <FontImageSource Glyph="&#xE753;"
                          FontFamily="MauiMaterialAssets" />
                  </toolbar:SfToolbarItem.Icon>
              </toolbar:SfToolbarItem>
              <toolbar:SfToolbarItem Title="AlignCenter"
                                      ToolTipText="Align-Heart">
                  <toolbar:SfToolbarItem.Icon>
                      <FontImageSource Glyph="&#xE752;"
                          FontFamily="MauiMaterialAssets" />
                  </toolbar:SfToolbarItem.Icon>
              </toolbar:SfToolbarItem>
              <toolbar:SfToolbarItem Title="AlignJustify"
                                      ToolTipText="Align-Justify">
                  <toolbar:SfToolbarItem.Icon>
                      <FontImageSource Glyph="&#xE74F;"
                          FontFamily="MauiMaterialAssets" />
                  </toolbar:SfToolbarItem.Icon>
              </toolbar:SfToolbarItem>
          </toolbar:SfToolbar.Objects>
      </toolbar:SfToolbar>
  </VerticalStackLayout>
  

  Check with the next output picture.

  

Word: Check with the documentation so as to add the MauiMaterialAssets customized font to the Toolbar. 

GitHub reference

For extra particulars, discuss with the .NET MAUI Toolbar GitHub demo.

Supercharge your cross-platform apps with Syncfusion’s sturdy .NET MAUI controls.

Strive It Free

Conclusion

Thanks for studying! On this weblog, we explored the options of the brand new Syncfusion .NET MAUI Toolbar management and its customization choices. This management is accessible in our 2025 Quantity 1 launch. For extra particulars, take a look at the .NET MAUI Toolbar documentation.

For our present Syncfusion prospects, the latest model of Important Studio is accessible from the license and downloads web page. If you’re not a buyer, strive our 30-day free trial to take a look at these new options.

When you have questions, contact us by way of our help boards, suggestions portal, or help portal. We’re at all times joyful to help you!