Introducing the Sixth Set of .NET MAUI Controls
Tags: csharp, dotnet, mobile
Published: 2022-12-23 06:01:24

---
title: Introducing the Sixth Set of .NET MAUI Controls
published: true
date: 2022-12-22 11:02:09 UTC
tags: csharp, dotnet, mobile
canonical_url: https://www.syncfusion.com/blogs/post/introducing-the-sixth-set-of-net-maui-controls.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qxuk686muaj8l5xlwm1o.png
---
[Syncfusion](https://www.syncfusion.com/ "Syncfusion") is happy to roll out our sixth set of new [.NET MAUI controls](https://www.syncfusion.com/maui-controls ".NET MAUI controls") and features in the [Essential Studio 2022 Volume 4](https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download "Essential Studio 2022 Volume 4") release. We’ll explore them in this blog.

## New .NET MAUI controls

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

- [Backdrop Page](#net-maui-backdrop-page)
- [Calendar View](#net-maui-calender-view)
- [Data Form](#net-maui-data-form)
- [Funnel Chart](#net-maui-funnel-chart)
- [PDF Viewer](#net-maui-pdf-viewer)
- [Pyramid Chart](#net-maui-pyramid-chart)
- [Rating](#net-maui-rating)
- [Text Input Layout](#net-maui-text-input-layout)

### <a name="net-maui-backdrop-page">.NET MAUI Backdrop Page</a>

The [.NET MAUI Backdrop Page](https://www.syncfusion.com/maui-controls/maui-backdrop ".NET MAUI Backdrop Page") comprises back and front layers. The back layer holds the actionable content (like navigation or filtration) relevant to the front layer.

#### Key features

- You can easily add the control to the navigation page. It supports seamless navigation and toolbar customizations.
- The height of the back layer auto-adjusts based on its content and you can expand the content to fit the screen.
- Curved and flat-edge shapes can be used for the front layer with custom corner radius options.
- Smooth animations can reveal and conceal the back layer content.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-Backdrop-Page-Control-1.gif" alt=".NET MAUI Backdrop Page Control" style="width:100%">

  <figcaption>.NET MAUI Backdrop Page Control</figcaption>

</figure>
###<a name="net-maui-calender-view">.NET MAUI Calendar View</a>

The [.NET MAUI Calendar View](https://www.syncfusion.com/maui-controls/maui-calendar ".NET MAUI Calendar View") control provides a multi-view display to select one or more dates within specified ranges.

#### Key features

- Display dates in a **month** , **year** , **decade** , or **century** view mode.
- Select one or multiple dates.
- Limit visible dates by specifying the minimum and maximum dates.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-Calendar-View-Control-1.gif" alt=".NET MAUI Calendar View Control" style="width:100%">

  <figcaption>.NET MAUI Calendar View Control</figcaption>

</figure>
###<a name="net-maui-data-form">.NET MAUI Data Form</a>

The[.NET MAUI Data Form](https://www.syncfusion.com/maui-controls/maui-dataform ".NET MAUI Data Form") allows users to create and edit forms for any data easily, such as login, reservation, contact, and employee forms.

#### Key features

- Supports built-in editors based on the property type: text, password, multi-line, combo box, autocomplete, date, time, checkbox, switch, and radio group.
- Supports adding custom editors.
- Supports linear, grid, and grouping layouts.
- Supports data handling and validation.
- Supports customizing the appearance of labels, editors, groups, and headers.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-Data-Form-1.gif" alt=".NET MAUI Data Form" style="width:100%">

  <figcaption>.NET MAUI Data Form</figcaption>

</figure>
###<a name="net-maui-funnel-chart">.NET MAUI Funnel Chart</a>

The .NET MAUI Funnel Chart can be used to represent stages in a sales process and show the potential revenue for each stage.

#### Key features

- User-friendly and has excellent UI visualization.
- The end-user experience is greatly enhanced by including user interaction features such as callbacks, selection, and a tooltip.
- Legends display additional information about the chart series. A legend can be used to collapse series. Also, you can scroll a legend if items exceed the available bounds.
- Chart features such as titles, data labels, legends, and gap ratios can be customized.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-Funnel-Chart.png" alt=".NET MAUI Funnel Chart" style="width:100%">

  <figcaption>.NET MAUI Funnel Chart</figcaption>

</figure>
###<a name="net-maui-pdf-viewer">.NET MAUI PDF Viewer</a>

The [.NET MAUI PDF Viewer](https://www.syncfusion.com/maui-controls/maui-pdf-viewer ".NET MAUI PDF Viewer") control lets you view PDF documents seamlessly and efficiently. It has highly interactive and customizable features such as magnification and page navigation.

#### Key features

- Easily scroll through the pages in a document with fluent experience. The pages will be rendered on demand when the scroll bar reaches the end of a page.
- The content of a PDF document can be efficiently zoomed in and out by pinching on touch devices or changing the zoom factor programmatically. You can also control zooming using keyboard shortcuts and mouse wheel actions.
- Navigate to a desired page instantly using the page navigation programmatically or by dragging the scroll bar in the UI.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-PDF-Viewer-1.gif" alt=".NET MAUI PDF Viewer" style="width:100%">

  <figcaption>.NET MAUI PDF Viewer</figcaption>

</figure>
###<a name="net-maui-pyramid-chart">.NET MAUI Pyramid Chart</a>

The .NET MAUI Pyramid Chart visually presents hierarchical data in a pyramid-like structure with each segment a proportion of a total. An item’s width indicates its level in the hierarchy, and each item’s height corresponds to its value.

#### Key features

- User-friendly data representation and excellent UI visualization.
- User interaction features such as a tooltip and selection are included to enhance the end-user experience.
- Legends provide more information about the segments. A legend can be used to collapse the segments. You can also scroll a legend if items exceed the available bounds.
- Chart features like the titles, data labels, legends, and gap ratio can be customized.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-Pyramid-Chart.png" alt=".NET MAUI Pyramid Chart" style="width:100%">

  <figcaption>.NET MAUI Pyramid Chart</figcaption>

</figure>
###<a name="net-maui-rating">.NET MAUI Rating</a>

The [.NET MAUI Rating](https://www.syncfusion.com/maui-controls/maui-rating ".NET MAUI Rating control") control allows us to display ratings with stars. You can customize the item size, spacing, and more.

#### Key features

- Decide the precision level of ratings.
- Determine the number of rating items to be displayed.
- Choose star, heart, circle, diamond, or custom shapes.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-Rating-Control-1.gif" alt=".NET MAUI Rating Control" style="width:100%">

  <figcaption>.NET MAUI Rating Control</figcaption>

</figure>
###<a name="net-maui-text-input-layout">.NET MAUI Text Input Layout</a>

The [.NET MAUI Text Input Layout](https://www.syncfusion.com/maui-controls/maui-textinputlayout ".NET MAUI Text Input Layout") control allows us to add decorative elements such as floating labels, icons, and assistive labels on top of input controls such as Autocomplete, ComboBox, entry, and editor controls.

#### Key features

- Displays floating labels when the input view is in focus.
- Displays error labels.
- Supports filled, outlined, and none container types.
- Provides options to reserve space for assistive labels.
- Displays leading and trailing icons.
- Displays help labels.
- Displays maximum character count.
- Toggles password visibility.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/NET-MAUI-Text-Input-Layout-1.gif" alt=".NET MAUI Text Input Layout" style="width:100%">

  <figcaption>.NET MAUI Text Input Layout</figcaption>

</figure>
## What’s new in our existing .NET MAUI controls?

We have seen the new controls introduced for our .NET MAUI suite in the 2022 Volume 4 release. Now, let’s look at the new features rolled out in our existing controls.

### Cartesian Charts

The [.NET MAUI Cartesian Chart](https://help.syncfusion.com/maui/cartesian-charts/overview ".NET MAUI Cartesian Chart") control is gaining the following user-friendly features.

#### Legend template

You can customize each legend item using the **ItemTemplate** property in the **ChartLegend** class.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Customizing-Legends-in-.NET-MAUI-Cartesian-Chart-1.png" alt="Customizing Legends in .NET MAUI Cartesian Chart" style="width:100%">

  <figcaption>Customizing Legends in .NET MAUI Cartesian Chart</figcaption>

</figure>
#### Trackball

A trackball allows you to track a data point closer to the cursor. The x-values are determined by the position of the vertical line in the axis, and the y-values are determined by the points touching the vertical line in the series.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Trackball-in-.NET-MAUI-Cartesian-Chart-1.gif" alt="Trackball in .NET MAUI Cartesian Chart" style="width:100%">

  <figcaption>Trackball in .NET MAUI Cartesian Chart</figcaption>

</figure>
#### Data markers

Data markers are used to provide information about the data points. You can add a shape and label to adorn each data point in [area](https://www.syncfusion.com/maui-controls/maui-charts/chart-types/maui-area-chart ".NET MAUI Area Chart"), [line](https://www.syncfusion.com/maui-controls/maui-charts/chart-types/maui-line-chart ".NET MAUI Line Chart"), and [spline](https://www.syncfusion.com/maui-controls/maui-charts/chart-types/maui-spline-chart ".NET MAUI Spline Chart") charts.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Data-Markers-in-.NET-MAUI-Cartesian-Chart.png" alt="Data Markers in .NET MAUI Cartesian Chart" style="width:100%">

  <figcaption>Data Markers in .NET MAUI Cartesian Chart</figcaption>

</figure>
### ListView

The [.NET MAUI ListView](https://www.syncfusion.com/maui-controls/maui-listview ".NET MAUI ListView") gains these new features in this 2022 Volume 4 release.

#### EmptyView

This feature allows users to display text or a view in the ListView when there is no data to display.

#### Keyboard navigation

You can easily navigate among items using an external keyboard connected to an iOS device or a built-in keyboard in macOS.

### Maps

The new features in the [.NET MAUI Maps](https://www.syncfusion.com/maui-controls/maui-maps ".NET MAUI Maps") controls are as follows.

#### OpenStreetMap

[OpenStreetMap (OSM)](https://en.wikipedia.org/wiki/OpenStreetMap "Wikipedia page for OpenStreetMap") is a map of the world built by a community of mapmakers. It is free to use under an open license and allows users to view geographical data collaboratively from anywhere on earth.

From 2022 Volume 4 onward, our .NET MAUI Maps control provides support to render OpenStreetMap data in it.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Visualizing-OpenStreetMap-Data-in-.NET-MAUI-Maps.png" alt="Visualizing OpenStreetMap Data in .NET MAUI Maps" style="width:100%">

  <figcaption>Visualizing OpenStreetMap Data in .NET MAUI Maps</figcaption>

</figure>
#### Shapes

Now, you can use various shape types, such as polygons, polylines, arcs, and lines, in the **ShapeFileLayer**.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Different-Shape-Types-in-.NET-MAUI-Maps-2.gif" alt="Different Shape Types in .NET MAUI Maps" style="width:100%">

  <figcaption>Different Shape Types in .NET MAUI Maps</figcaption>

</figure>
### [Range Selector](https://www.syncfusion.com/maui-controls/maui-range-selector ".NET MAUI Range Selector") / [Range Slider](https://www.syncfusion.com/maui-controls/maui-range-slider ".NET MAUI Range Slider") / [Slider](https://www.syncfusion.com/maui-controls/maui-slider ".NET MAUI Slider")

#### Deferred update

This feature will defer updating the data (data zoomed at the top) while thumbs are dragged continuously in the range axis. The data will be updated only after finishing the range selection.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/12/Deferred-Update-Feature-in-.NET-MAUI-Slider-Range-Slider-and-Range-Selector-Controls-1.gif" alt="Deferred Update Feature in .NET MAUI Slider, Range Slider, and Range Selector Controls" style="width:100%">

  <figcaption>Deferred Update Feature in .NET MAUI Slider, Range Slider, and Range Selector Controls</figcaption>

</figure>
#### Auto interval

This feature automatically sets the interval between the values when the **Interval** , **IntervalType** , or **DateFormat** properties are not set.

## Production-ready controls

The following .NET MAUI controls have been developed to meet industry standards and are now marked as production-ready for this 2022 Volume 4 release:

- [Avatar View](https://help.syncfusion.com/maui/avatar-view/overview ".NET MAUI Avatar View")
- [Badge View](https://help.syncfusion.com/maui/badge-view/overview ".NET MAUI Badge View")
- [Effects View](https://help.syncfusion.com/maui/effects-view/overview ".NET MAUI Effects View")
- [Tab View](https://help.syncfusion.com/maui/tabview/overview ".NET MAUI Tab View")
- [Signature Pad](https://help.syncfusion.com/maui/signaturepad/overview ".NET MAUI Signature Pad")
- [Slider](https://help.syncfusion.com/maui/slider/overview ".NET MAUI Slider")
- [Range Slider](https://help.syncfusion.com/maui/range-slider/overview ".NET MAUI Range Slider")
- [Range Selector](https://help.syncfusion.com/maui/range-selector/overview ".NET MAUI Range Selector")
- [DateTime Slider](https://help.syncfusion.com/maui/datetime-slider/overview ".NET MAUI DateTime Slider")
- [Date Time Range Slider](https://help.syncfusion.com/maui/datetime-range-slider/overview ".NET MAUI DateTime Range Slider")
- [Date Time Range Selector](https://help.syncfusion.com/maui/datetime-range-selector/overview ".NET MAUI DateTime Range Selector")
- [Scheduler](https://help.syncfusion.com/maui/scheduler/overview ".NET MAUI Scheduler")
- [Cartesian Chart](https://help.syncfusion.com/maui/cartesian-charts/overview ".NET MAUI Cartesian Chart")
- [Circular Chart](https://help.syncfusion.com/maui/circular-charts/overview ".NET MAUI Circular Chart")
- [DataGrid](https://help.syncfusion.com/maui/datagrid/overview ".NET MAUI DataGrid")
- [ListView](https://help.syncfusion.com/maui/listview/overview ".NET MAUI ListView")
- [Busy Indicator](https://help.syncfusion.com/maui/busy-indicator/overview ".NET MAUI Busy Indicator")
- Progress Bar ([Linear](https://help.syncfusion.com/maui/linearprogressbar/overview ".NET MAUI Linear ProgressBar") and [Circular](https://help.syncfusion.com/maui/circularprogressbar/overview ".NET MAUI Circular ProgressBar"))

## Conclusion

Thanks for reading! Syncfusion’s support for[ .NET MAUI](https://www.syncfusion.com/maui-controls ".NET MAUI controls") is still a work in progress. This is the sixth set of .NET MAUI controls rolled out in our quarterly releases. More details on these controls and the [Essential Studio 2022 Volume 4](https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download "Essential Studio 2022 Volume 4") release are available on our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v20.4.0.38 "Syncfusion release notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Syncfusion What's New") pages. Try out these latest updates and leave your feedback in the comments section below!

You can also contact us through our [support forum](https://www.syncfusion.com/forums "Syncfusion support forum"), [support portal](https://support.syncfusion.com/ "Syncfusion support portal"), or [feedback portal](https://www.syncfusion.com/feedback/xamarin-forms "Syncfusion feedback portal"). We are always happy to assist you!

## Related blogs

- [Authenticate the .NET MAUI App with Azure AD](https://www.syncfusion.com/blogs/post/authenticate-the-net-maui-app-with-azure-ad.aspx "Blog: Authenticate the .NET MAUI App with Azure AD")
- [Agenda View in .NET MAUI Scheduler: A Perfect Tool for Modern-Day Office Management ](https://www.syncfusion.com/blogs/post/agenda-view-in-net-maui-scheduler-a-perfect-tool-for-modern-day-office-management.aspx "Blog: Agenda View in .NET MAUI Scheduler: A Perfect Tool for Modern-Day Office Management")
- [Achieve Outlook-Like Swiping Using .NET MAUI ListView](https://www.syncfusion.com/blogs/post/achieve-outlook-like-swiping-using-net-maui-listview.aspx "Blog: Achieve Outlook-Like Swiping Using .NET MAUI ListView")