Introducing the 9th Set of New .NET MAUI Controls and Features

Jollen Moyani - Sep 20 '23 - - Dev Community

We are excited to roll out Syncfusion’s ninth set of .NET MAUI controls and features in the Essential Studio 2023 Volume 3 release.

This blog introduces what developers have to look forward to!

New .NET MAUI controls

In the 2023 Volume 3 release, we introduce the following .NET MAUI controls in preview mode:

.NET MAUI Button

The new .NET MAUI Button is a custom button control. Its built-in features include UI customization, support for icons, predefined styles, rounded corners, and visual state customization using the Visual State Manager.

Key features

  • Easily customize the button to be an outline, flat, circle, or icon button.
  • Display an image as the background for the control.
  • Display custom content in the control.

.NET MAUI Button Control

.NET MAUI Button Control

.NET MAUI CheckBox

The .NET MAUI CheckBox is a selection control that allows users to select one or more options from a set. The three states of the checkbox are checked, unchecked, and indeterminate.

Key features

  • Supports three distinct states.
  • Allows users to select and clear options by tapping.
  • Supports checkbox color, shape, and label text customization.

.NET MAUI CheckBox Control

.NET MAUI CheckBox Control

.NET MAUI Date Picker

The new .NET MAUI Date Picker is a selection control that allows users to select a date from a list of dates. Its rich feature set includes date ranges, date formats, headers, footers, and more.

Key features

  • Easily customize the properties of the selection view, such as the background, stroke, corner radius, and padding.
  • Add a column header and customize it.
  • Select items using interactive tap and flick gestures.
  • Represent date values in different string formats.
  • Set minimum and maximum dates.
  • You can also display the control in a popup window.

.NET MAUI Date Picker Control

.NET MAUI Date Picker Control

.NET MAUI Date Time Picker

The new .NET MAUI Date Time Picker is a customizable selection control that allows users to pick a date and time from a list of date-time values. Its rich feature set includes data binding, multiple columns, headers, footers, custom views in headers and footers, and more.

Key features

  • Easily customize the properties of the selection view, such as the background, stroke, corner radius, and padding.
  • Add a column header and customize it.
  • Select items using interactive tap and flick gestures.
  • Represent date and time values in different string formats.
  • Set minimum and maximum dates.
  • The control can also be displayed in a popup window.

.NET MAUI Date Time Picker Control

.NET MAUI Date Time Picker Control

.NET MAUI Picker

The new .NET MAUI Picker is a customizable selection control that allows users to pick an item from a list. It can be opened as a dialog. Its rich feature set includes functionalities such as data binding, multiple columns, headers, footers, and custom views in headers and footers.

Key features

  • Customize the number of columns and the header text.
  • Customize the properties of the selection view, such as the background, stroke, corner radius, and padding.
  • Item template support.
  • Add a column header and customize it.
  • Select items using interactive tap and flick gestures.
  • Display the control in a popup window.

.NET MAUI Picker Control

.NET MAUI Picker Control

.NET MAUI Radio Button

The new .NET MAUI Radio Button is a selection control that allows users to select one option from a set. The two states of the radio button are checked and unchecked.

Key features

  • Allows users to select and clear selection by tapping.
  • Supports customization of the radio button color and label text.

.NET MAUI Radio Button Control

.NET MAUI Radio Button Control

.NET MAUI Segmented Control

The new .NET MAUI Segmented Control consists of multiple segments, where each segment functions as a separate button that can display text, an image, or both.

Key features

  • Showcase text, images, or a blend of both as individual segment buttons.
  • Scroll the segment items to accommodate more items without occupying more space.
  • Choose from fill, border, top border, and bottom border selection indicator placement.
  • Restrict selection of specific segments.
  • Customize segment appearances.

.NET MAUI Segmented Control

.NET MAUI Segmented Control

.NET MAUI Time Picker

The new .NET MAUI Time Picker is a selection control that allows users to pick a time. Its rich feature set includes time format, header, and footer functionalities.

Key features

  • Customize the properties (background, stroke, corner radius, padding) of the selection view.
  • Add a header and customize it.
  • Add a column header and customize it.
  • Select the picker item using interactive tap and scroll gestures.
  • Represent time values in a different string format.
  • Display the control in a popup window.

.NET MAUI Time Picker Control

.NET MAUI Time Picker Control

.NET MAUI TreeView

The new .NET MAUI TreeView is a data-oriented control that displays data in a hierarchical structure. It provides a user-friendly way to interact with complex data structures and navigate through different levels of information by allowing users to expand and collapse nodes to reveal or hide underlying information.

Key features

  • Uses an optimized view-reusing strategy for enhanced performance.
  • Bind hierarchical data or manually add unbound tree nodes.
  • Select nodes through different selection modes and keyboard navigation.
  • Customize the appearance of each node using item template support.
  • Easily reveal or hide underlying information using expand and collapse nodes.

.NET MAUI TreeView Control

.NET MAUI TreeView Control

What’s new in our existing .NET MAUI controls?

Let’s look at the exciting new features added to our existing .NET MAUI controls.

Cartesian Charts

The new features added in the .NET MAUI Cartesian Charts are:

Zooming selection

This feature allows users to zoom in on a specific rectangular section of the chart for a more detailed view.

Selection Zooming Feature in .NET MAUI Cartesian Charts

Selection Zooming Feature in .NET MAUI Cartesian Charts

Directional zoom

Users can zoom in on the horizontal or vertical axis separately. This helps them better analyze data trends along specific dimensions.

Programmatically hide and display tooltips

This feature enables users to display or hide tooltips at a specific location in a chart programmatically.

Exposed chart interaction override methods

Interactive behavior offers the flexibility to customize the chart based on user interaction. It responds to touch interactions (OnTouchDown, OnTouchUp, and OnTouchMove), allowing users to obtain chart touch-point coordinates and meet specific requirements.

Circular Charts

Exposed chart interaction override methods

The new interactive behavior offers the flexibility to customize the .NET MAUI Circular Charts. It responds to touch interactions (OnTouchDown, OnTouchUp, and OnTouchMove), allowing users to obtain chart touch-point coordinates and meet specific requirements.

DataForm

Numeric up-down editor

The .NET MAUI DataForm supports a new built-in numeric up-down editor. This allows users to change the value in the editor using the Up arrow, Down arrow, Page up, and Page down keys, as well as the up-down button in the editor itself.

.NET MAUI DataForm with Numeric Up-Down Editor

.NET MAUI DataForm with Numeric Up-Down Editor

Image Editor (Preview)

The .NET MAUI Image Editor control receives the following vivid features:

Toolbar customization

Users can customize the built-in toolbar by adding custom toolbar items in it.

.NET MAUI Image Editor with Custom Toolbar

.NET MAUI Image Editor with Custom Toolbar

Browse for images

The .NET MAUI Image Editor provides a browse feature that allows users to select images to edit quickly.

.NET MAUI Image Editor with Browse Dialog

.NET MAUI Image Editor with Browse Dialog

Save-folder picker

The .NET MAUI Image Editor allows users to select a save location for edited images.

.NET MAUI Image Editor with Save Dialog

.NET MAUI Image Editor with Save Dialog

BMP files

Users can now load, edit, and save BMP images using the Image Editor control.

Localization

The .NET MAUI Image Editor supports translating the toolbar text into different languages for specific cultures.

PDF Viewer

The .NET MAUI PDF Viewer supports the following user-friendly features in the 2023 Volume 3 release:

Text markup annotations

This feature allows users to add, remove, and modify the following text markup annotations in PDF files:

  • Highlight
  • Underline
  • Strikeout
  • Squiggle

.NET MAUI PDF Viewer with Highlight Annotation

.NET MAUI PDF Viewer with Highlight Annotation

Shape annotations

This feature allows users to add, remove, and modify the following shape annotations in PDF files:

  • Rectangle or Square
  • Circle
  • Arrow
  • Line

.NET MAUI PDF Viewer with Shape Annotations

.NET MAUI PDF Viewer with Shape Annotations

Ink or freehand drawing annotations

Add, remove, and modify ink or freehand drawing annotations in PDF files. Make quick notes on specific text, add marks or drawings to images, and add handwritten signatures in PDF files.

.NET MAUI PDF Viewer with Ink and Freehand Drawing

.NET MAUI PDF Viewer with Ink and Freehand Drawing

Stamp annotations

Users can add, remove, and modify stamp annotations in PDF files. Stamps are predefined graphical text that marks or signifies certain aspects of documents, like that they have undergone quality checks or audits. This feature also allows adding personalized images or text to PDF documents.

.NET MAUI PDF Viewer with Stamp Annotations

.NET MAUI PDF Viewer with Stamp Annotations

Sticky note annotations

This feature allows users to add, remove, and modify sticky note annotations in PDF files. Add comments or notes to specific parts of a document to clarify complex concepts, terms, or ideas.

.NET MAUI PDF Viewer with Sticky Note Annotation

.NET MAUI PDF Viewer with Sticky Note Annotation

.NET MAUI Popup

Animation

The following animations are supported in the .NET MAUI Popup control while opening and closing the control on the screen:

  • Zoom
  • Fade
  • Slide on left
  • Slide on right
  • Slide on top
  • Slide on bottom
  • None

Animation Support in .NET MAUI Popup Control

Animation Support in .NET MAUI Popup Control

Scheduler

Customize appointment text color

The .NET MAUI Scheduler now supports changing the text color of each appointment.

Customizing Appointment Text Color in .NET MAUI Scheduler

Customizing Appointment Text Color in .NET MAUI Scheduler

Production-ready controls

The following .NET MAUI controls have been developed to meet industry standards and are now marked as production-ready in the 2023 Volume 3 release:

Conclusion

Thanks for reading! I hope you enjoyed exploring Syncfusion’s new .NET MAUI controls and features introduced in the Essential Studio 2023 Volume 3 release. If you want to learn about the other updates in this release, please visit our Release Notes and What’s New pages.

If you are not a Syncfusion customer, we invite you to try our 30-day free trial to experience these features. Feel free to share any feedback or questions in the comments section below.

You can also reach us through our support forums, support portal, or feedback portal. We are always happy to assist you!

Related blogs

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .