syncfusion / maui-demos

This repository contains the Syncfusion .NET MAUI control’s samples and the guide to use them

Syncfusion .NET MAUI examples

This repository contains awesome demos of Syncfusion .NET MAUI controls. This is the best place to check our controls to get more insight about the usage of APIs.

This section guides you to use the Syncfusion .NET MAUI examples in your applications.

• Requirements to run the demo
• License
• Using the examples
• Controls Catalog
• Support and Feedback

Currently the Sample Browser won't deploy in Windows platform due to Framework issues.

Requirements to run the demo

• Visual Studio 2022 or Visual Studio for Mac.

License

Syncfusion has no liability for any damage or consequence that may arise by the use or viewing of the examples. The examples are for demonstrative purposes and if you choose to use or access the examples you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, accessing or otherwise viewing the examples. By accessing, viewing, or otherwise seeing the examples you acknowledge and agree Syncfusion’s examples will not allow you to seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize or otherwise do anything with Syncfusion’s examples.

Using the examples

If you download the examples using the "Download ZIP" option then please follow the instructions below

Notes:

• Before you unzip the archive, right-click it, select Properties, and then select Unblock.
• Be sure to unzip the entire archive, and not just individual examples. The samples depend on the SharedContent folder in the archive.

Reminder: If you unzip individual examples, they will not build due to references to other portions of the ZIP file that were not unzipped. You must unzip the entire archive if you intend to build the examples.

Controls Catalog

Platforms supported by each .NET MAUI control are listed below.

Category	Control	Android	iOS	Mac Catalyst	WinUI
GRIDS	DataGrid	Yes	Yes	Yes	Yes
DATA VISUALIZATION	Barcode Generator	Yes	Yes	Yes	Yes
	Cartesian Charts	Yes	Yes	Yes	Yes
	Circular Charts	Yes	Yes	Yes	Yes
	Funnel Charts	Yes	Yes	Yes	Yes
	Pyramid Charts	Yes	Yes	Yes	Yes
	Polar Charts	Yes	Yes	Yes	Yes
	Sunburst Chart	Yes	Yes	Yes	Yes
	Linear Gauge	Yes	Yes	Yes	Yes
	Radial Gauge	Yes	Yes	Yes	Yes
	Maps	Yes	Yes	Yes	Yes
NAVIGATION	Tab View	Yes	Yes	Yes	Yes
LAYOUT	ListView	Yes	Yes	Yes	Yes
	Parallax View	Yes	Yes	Yes	Yes
SLIDERS	Range Selector	Yes	Yes	Yes	Yes
	Range Slider	Yes	Yes	Yes	Yes
	Slider	Yes	Yes	Yes	Yes
	DateTime Range Selector	Yes	Yes	Yes	Yes
	DateTime Range Slider	Yes	Yes	Yes	Yes
	DateTime Slider	Yes	Yes	Yes	Yes
EDITORS	Autocomplete	Yes	Yes	Yes	Yes
	ComboBox	Yes	Yes	Yes	Yes
	Signature Pad	Yes	Yes	Yes	Yes
CALENDAR	Scheduler	Yes	Yes	Yes	Yes
NOTIFICATION	Badge View	Yes	Yes	Yes	Yes
	Busy Indicator	Yes	Yes	Yes	Yes
	Circular Progress Bar	Yes	Yes	Yes	Yes
	Linear Progress Bar	Yes	Yes	Yes	Yes
MISCELLANEOUS	Avatar View	Yes	Yes	Yes	Yes
	Effects View	Yes	Yes	Yes	Yes

Platforms supported by each .NET MAUI file-format library are listed below.

Control	Android	iOS	Mac Catalyst	WinUI
Excel	Yes	Yes	Yes	Yes
PDF	Yes	Yes	Yes	Yes
Word	Yes	Yes	Yes	Yes
PowerPoint	Yes	Yes	Yes	Yes

Support and Feedback

• If you’re interested in .NET MAUI development using Syncfusion .NET MAUI components, refer to the guides that will help you building your own application.

• For any other queries, reach our Syncfusion support team or post the queries through the community forums.

• To renew the subscription, click here or contact our sales team at [email protected].

Copyright © 2001-2024 Syncfusion, Inc. Updated on 2024-05-09 at precisely 12:40:24 EST.

maui-demos's Issues

[Maui] [IOS] - Avatar View Control - Out

Hi!

On IOS Avatar View Control is not working correctly, the image (or avatar) do not clips to bounds and is off-center

• Circle is not working (see screenshot)
• Square is not working either
• Avatar or profile pictures are not working (same bug)

Tested on a IPhone SE 2020 and IOS 15.7 with syncfusion version 20.2.43 up to 20.3.48

The name 'GridLayout' does not exist in the current context

Severity Code Description Project File Line Suppression State
Error CS0103 The name 'GridLayout' does not exist in the current context SampleBrowser.Maui.Core (net6.0), SampleBrowser.Maui.Core (net6.0-android), SampleBrowser.Maui.Core (net6.0-ios), SampleBrowser.Maui.Core (net6.0-maccatalyst), SampleBrowser.Maui.Core (net6.0-windows10.0.19041) D:\Personal\GitHub\MAUI\maui-demos\SampleBrowser.Maui.Core\Extensions\SampleView.cs 308 Active

on VS2022 17.2.0 Preview 1.0 , Windows 11.

NullReferenceException Getting Started.docx

Hi,
I'm having a NullReferenceException in this line: https://github.com/syncfusion/maui-demos/blob/master/SampleBrowser.Maui/Samples/DocIO/Samples/GettingStarted/GettingStarted.xaml.cs#L86

I think the file "Getting Started.docx" is missing

Edit: in fact, al File Formats examples has this behavior

[iOS] Slow when clicked

Hello

Android
Is this control supposed to Swipe from left to right and vice versa? Currently it doesn’t swipe at all but needs to be clicked.

iOS
There are problems with clicking the Tab Item as it takes couple of clicks to open the content. This is a strange behavior.

PdfView not compileable

Building the Android Version of PdfViewer results in the following error:

Severity Code Description Project File Line Suppression State Details
Error APT2260 resource mipmap/appicon (aka com.companyname.samplebrowser.maui.pdfviewer:mipmap/appicon) not found.

This error is likely caused by an issue with the AndroidManifest.xml file or an Android manifest generation attribute in a source code file. SampleBrowser.Maui.PdfViewer C:\TestProjekte\Maui\maui-demos\MAUI\PdfViewer\SampleBrowser.Maui.PdfViewer\Platforms\Android\AndroidManifest.xml 1

Won't build?

Using VS2022 17.2.0 Preview 2.0, if I just download the source (either Git or zip) and try to build/run it I get:

C:\Research\maui-demos-master\SampleBrowser.Maui.Core\Controls\WrapLayout\WrapLayout.cs(64,49,64,58): error CS0246: The type or namespace name 'Rectangle' could not be found (are you missing a using directive or an assembly reference?)

If I fix "WrapLayout.cs" (fix the override to use "Rect" rather than "Rectangle")

C:\Research\maui-demos-master\SampleBrowser.Maui\Samples\SfCartesianChart\Samples\Bar\BarChart.xaml.cs(95,9,95,19): error CS0246: The type or namespace name 'RectangleF' could not be found (are you missing a using directive or an assembly reference?)

(Actually there are 7 errors due to referencing "RectangleF" - that's just the first one.)

Help?

More examples with C# markup

It would be nice to add most elements C# markup

Uncaught TypeError: Cannot read properties of null (reading 'innerHTML')

Description / Current behavior:

Uncaught TypeError: Cannot read properties of null (reading 'innerHTML') occurs for site https://www.syncfusion.com/maui-controls/decoder-challenge

Expected behavior

No mentioned error (handled error).

Steps to replicate

1. Go to: https://www.syncfusion.com/maui-controls/decoder-challenge
2. Check DevTools Console
3. See Uncaught TypeError: Cannot read properties of null (reading 'innerHTML')

Additional information

Browser: Brave
OS: Windows 10
For Firefox and Chrome works fine - doesn't occur.

Screenshot:

Best wishes,

Control is expected to update more versions in a few months?

Control is expected to update more versions in a few months?

Documentation links are broken

The links in documentation, leading to components, are broken.

About MauiCompat Library

Hi Syncfusion Team,

Happy new year! Is the temporary MauiCompat library going to be released this month? Will it cover all Syncfusion Xamarin controls?

Thanks a lot. 

Best Regards

skiasharp.nativeassets.ios/2.88.0-preview.155/runtimes/ios/native/libSkiaSharp.framework/libSkiaSharp' is not a valid framework: Could not find a part of the path

Tried to build and run locally receiving the following error against iOS:

Severity	Code	Description	Project	File	Line	Suppression State
Error	MT7091	File 'C:/Users/aherrick/.nuget/packages/skiasharp.nativeassets.ios/2.88.0-preview.155/runtimes/ios/native/libSkiaSharp.framework/libSkiaSharp' is not a valid framework: Could not find a part of the path "/Users/andrewherrick/Library/Caches/Xamarin/mtbs/builds/SampleBrowser.Maui/b6fcae7531cdac5c95f84d160134a49594e09f3dd0307fa40099f6678901af7c/C:/Users/aherrick/.nuget/packages/skiasharp.nativeassets.ios/2.88.0-preview.155/runtimes/ios/native/libSkiaSharp.framework/libSkiaSharp".	SampleBrowser.Maui	C:\Program Files\dotnet\packs\Microsoft.iOS.Sdk\15.2.200-preview.12.4\targets\Xamarin.Shared.Sdk.targets	616	

Syncfusion SchedulerAppointment endless loop after setting Value to Notes

I figured an issue on the Note property in SchedulerAppointment.
After setting a Value to Note there will be an Endless loop because not the private property is set to value.
Therefore everytime again the Set-Part is called again and again

Can't access object property of SelectedItem

I'm having an issue with the syncfusion autocomplete for maui.

I want to get the value of the property value in productmodel, but there seems to be an issue, so when i select an item it shows it correctly and not the name:

When I leave SelectedValuePath empty I get the following result:

But when I set the SelectedValuePath to value, like this:

I get the following result:

Is there something wrong with how I'm trying to access the value property of the SelectedItem?

[Windows] ComboBox crash application

Hi I got this error when I initialize the combobox control
Unable to cast object of type 'Microsoft.UI.Xaml.Controls.Border' to type 'Microsoft.UI.Xaml.Controls.Panel'.

AutoComplete ItemTemplate

ItemTemplate is not available when using SfAutoComplete(.ItemTemplate)

maui out of preview

Hi have you guys updated syncfusion now maui is out of preview the controls arent showing up in visual studio

Problems with exporting datagrid to excel.

i'm working with .net Maui 8.0 and syncfusion
23.2.4 . i would like to export a datagrid to excel. i find problem with Android manifest.
this my code in AndroidManifest:

And the error is : resource xml/file_paths (aka com.companyname.mauiapp2:xml/file_paths) not found. This error is likely caused by an issue with the AndroidManifest.xml file or an Android manifest generation attribute in a source code file. MauiApp2 D:\Version reserve\MauiApp2\MauiApp2\Platforms\Android\AndroidManifest.xml My file_paths content is : I joined a capture to an hierarchical view of my project's structure . 

Please some one can help me.

Can't run on Mac Monterey M1

Hello,
I cloned the repository on Mac Monterey on M1 and build.
It fails because of
using Microsoft.Maui.Devices;
It says that this namespace doesn't exist.
So VS suggested to add using Microsoft.Maui.Essentials;
It builds fine but fails on start

Could you please advise how can I run it correctly?

Thank you

MSIX Crash on startup

Hi everyone,

I've been struggling for the past three days to figure out why my application is exhibiting the following behavior:

1. My application runs fine using VS 2022 and can start in both DEBUG and RELEASE modes without any issues.
2. However, when we publish the application using the following CLI command:

   dotnet publish TestPublish1.csproj -f net8.0-windows10.0.19041.0 -c Release -p:RuntimeIdentifierOverride=win10-x64 --self-contained true

   The publishing process completes successfully, but the application crashes immediately upon startup when installed via MSIX.
3. We checked the Event Viewer for more details and found the following errors on our machines:
   • Windows 10:
     • Faulting application name: mauisland.exe, version: 1.0.0.0, time stamp: 0x65a80000
     • Faulting module name: KERNELBASE.dll, version: 10.0.19041.4355, time stamp: 0xd7762934
   • Windows 11:
     • Faulting application name: mauisland.exe, version: 2.0.0.0, time stamp: 0x661f0000
     • Faulting module name: Microsoft.ui.xaml.dll, version: 3.1.5.0, time stamp: 0x7fd76c03

After removing all Syncfusion dependencies, we republished the application, and it started working again.

Tools and version
.NET MAUI: 8.0.40
Syncfusion: See all the list below

		<PackageReference Include="Syncfusion.Maui.Backdrop" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.Barcode" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.Calendar" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.Charts" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.Core" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.DataForm" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.DataGrid" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.Gauges" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.Inputs" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.ListView" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.Maps" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.PdfViewer" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.ProgressBar" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.SignaturePad" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.Sliders" Version="25.2.7" />
		<PackageReference Include="Syncfusion.Maui.TabView" Version="25.2.7" />

VS2022: 17.11.0 Preview 1.1

SfTabItem: LineBreakMode and Spacing options

As the text does not automatically scale (like shell does) it would be nice to have properties like LineBreakMode and something to set the Spacing (below image - yellow).

SFListView Swiping is not working in Android

I've used SFListView control for showing vertical list of data. In that I have to provide Delete feature on Swipe.
So I have implemented EndSwipeTemplate.

iOS
It is working fine.

Android
Not working at all.

Sample Code

<syncfusion:SfListView
    x:Name="listView"
    AllowSwiping="True"
    ItemsSource="{Binding Contacts}"
    SwipeThreshold="100"
    SwipeOffset="150"
    SelectionMode="Multiple"
    SelectionGesture="LongPress"
    ScrollBarVisibility="Always"
    AutoFitMode="Height">
    <syncfusion:SfListView.ItemTemplate x:DataType="model:Contact">
        <DataTemplate x:Name="EndSwipeTemplate" >
            <VerticalStackLayout >
                <local:ContactCard BindingContext="{Binding Path=.}">
                    <local:ContactCard.GestureRecognizers>
                        <TapGestureRecognizer
                                Command="{Binding Path=BindingContext.CardSelectedCommand,
                                                  Source={Reference Name=_contactCardListPage}}" />
                    </local:ContactCard.GestureRecognizers>
                </local:ContactCard>
            </VerticalStackLayout>
        </DataTemplate>
    </syncfusion:SfListView.ItemTemplate>
    <syncfusion:SfListView.EndSwipeTemplate>
        <DataTemplate>
            <Grid BackgroundColor="#DD0000"
                    x:Name="listViewGrid">
                <Grid.GestureRecognizers>
                    <TapGestureRecognizer
                        Command="{Binding Path=BindingContext.DeleteCommand,
                                            Source={x:Reference listView}}"
                        CommandParameter="{Binding .}" />
                </Grid.GestureRecognizers>
                <Label Text="Delete"
                        TextColor="#FFFFFF"
                        HorizontalOptions="Center"
                        FontSize="Small"
                        VerticalOptions="Center">
                </Label>
            </Grid>
        </DataTemplate>
    </syncfusion:SfListView.EndSwipeTemplate>

</syncfusion:SfListView>