Sneak Peek the new Essential UI Kit for Xamarin.Forms | Syncfusion Blogs
Detailed Blog page Skeleton loader
Essential UI Kit

If you are looking for ways to reduce the time you spent on developing sophisticated UIs in Xamarin.Forms, there is some good news for you – we are planning to release a major update to our Xamain.Forms UI Kit soon. While we are still working on providing the finishing touches to the product, we would like to share a quick overview of what will be included in the upcoming release.

We had shipped four reusable login screens in the first release of the UI kit but we got some great feedback from the community to include a lot more screens. This has motivated us to add more than 35 screens across several categories like articles, onboarding, chat, ecommerce, and much more.

Here is just a small sample of the screens that you can expect to see in the release that is scheduled for next week.ECommerce page in UI Kit

Ecommerce

Article page in UI KitArticle

Chat page in UI KitChat

About Us page in UI KitAbout Us

Feedback page in UI KitFeedback

Error page in UI KitError

For all three platforms—Android, iOS, and UWP—each screen was carefully tested, and the layouts were optimized to deliver the greatest possible performance.

Keep reading to find out what other incredible features are going to be included in Essential UI Kit in this release.

Easier integration

This release will include the Visual Studio item template with the default Add New item dialog. If you feel that adding more than one screen, or all screens in a category, at a time is too hard, then this feature is for you.Add New Item Dialog

Add New Item Dialog

We strongly believe being able to add a screen whenever you need to is as important as the quality of the screen. This Visual Studio extension is specially designed for adding the screens you want. You can choose all the screens from a category, only a few screens from a single category, or screens from multiple categories.

Demos and source

The complete source code for Essential UI Kit for Xamarin.Forms will be published in GitHub by next week. We will also publish a demo app in Play Store to make it easier for you to review all the screens. Once it is publicly available, look at it, explore it and use it in your application.

Conclusion

As stated, this release will include more than 35 templates so that you can build a UI for any common mobile app scenario. If the screen you need isn’t in the kit, don’t worry, it will be added soon. Just tell us what you want via our feedback portal.

Stay tuned to our official Twitter, Facebook and LinkedIn pages for the announcement of the release.

If you found this post useful or have questions, please let us know by posting a comment.

Be the first to get updates

Prabakaran Ramasamy

Meet the Author

Prabakaran Ramasamy

Prabakaran is a Product Manager for Data Visualization products at Syncfusion. He has been a .NET developer since 2012, working on the custom control development for Microsoft technologies.

Comments (14)

Any news on this? The Github Repository is empty 😉

Prabakaran Ramasamy
Prabakaran Ramasamy
@ Hugo  

We understand your interest in exploring our Essential UI Kit. We are making the final level changes and test them with some real-time apps. We expect it to be published in few days and after the release you will be notified. Until then, thank you for your patience.

… [Trackback]

[…] There you will find 80474 more Infos: blog.syncfusion.com/post/sneak-peek-new-essential-ui-kit-for-xamarin-forms.aspx […]

Prabakaran Ramasamy
Prabakaran Ramasamy

The Essential UI Kit has been published and the entire source code can be found in the link below.

https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms

To add the screens to your Xamarin.Forms project, download and install the following Visual Studio extension.

https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Essential-UI-Kit-Xamarin-Forms

Fantastic set of forms to quickly get started on new screens!! Thank you.

Prabakaran Ramasamy
Prabakaran Ramasamy
@ Dean  

Hello Dean,

Thanks for your appreciation. We are working on adding more screens to this UI Kit, which helps Xamarin developers to quickly build any kind of app in Xamarin.Forms. If you have any specific requirements, please feel free to create a new report in our feedback portal.

https://www.syncfusion.com/feedback/xamarin-forms

Regards,
Prabakaran

@ Prabakaran Ramasamy  

Dear PRABAKARAN,

I am creating the blank project from the scratch and after just adding simple login form or any other essential component and build the application to load, it is giving following errors in vs17 and vs19. Kindly assist how to fix these errors.

Severity Code Description Project File Line Suppression State
Error CS0006 Metadata file ‘D:\Projects\AppProjects\Vs19\SyncApp1\App1\App1\bin\Debug\netstandard2.0\App1.dll’ could not be found App1.iOS D:\Projects\AppProjects\Vs19\SyncApp1\App1\App1.iOS\CSC 1 Active

Severity Code Description Project File Line Suppression State
Error The “ResolveLibraryProjectImports” task failed unexpectedly.
System.IO.FileNotFoundException: Could not load assembly ‘App1, Version=0.0.0.0, Culture=neutral, PublicKeyToken=’. Perhaps it doesn’t exist in the Mono for Android profile?
File name: ‘App1.dll’
at Java.Interop.Tools.Cecil.DirectoryAssemblyResolver.Resolve(AssemblyNameReference reference, ReaderParameters parameters)
at Java.Interop.Tools.Cecil.DirectoryAssemblyResolver.Resolve(String fullName)
at Xamarin.Android.Tasks.ResolveLibraryProjectImports.Extract(DirectoryAssemblyResolver res, ICollection`1 jars, ICollection`1 resolvedResourceDirectories, ICollection`1 resolvedAssetDirectories, ICollection`1 resolvedEnvironments)
at Xamarin.Android.Tasks.ResolveLibraryProjectImports.Execute()
at Microsoft.Build.BackEnd.TaskExecutionHost.Microsoft.Build.BackEnd.ITaskExecutionHost.Execute()
at Microsoft.Build.BackEnd.TaskBuilder.d__26.MoveNext() App1.Android

Severity Code Description Project File Line Suppression State
Error The “LinkAssemblies” task failed unexpectedly.
System.IO.FileNotFoundException: Could not load assembly ‘App1.Android, Version=0.0.0.0, Culture=neutral, PublicKeyToken=’. Perhaps it doesn’t exist in the Mono for Android profile?
File name: ‘App1.Android.dll’
at Java.Interop.Tools.Cecil.DirectoryAssemblyResolver.Resolve(AssemblyNameReference reference, ReaderParameters parameters)
at Java.Interop.Tools.Cecil.DirectoryAssemblyResolver.GetAssembly(String fileName)
at Xamarin.Android.Tasks.LinkAssemblies.Execute(DirectoryAssemblyResolver res)
at Xamarin.Android.Tasks.LinkAssemblies.Execute()
at Microsoft.Build.BackEnd.TaskExecutionHost.Microsoft.Build.BackEnd.ITaskExecutionHost.Execute()
at Microsoft.Build.BackEnd.TaskBuilder.d__26.MoveNext() App1.Android

Severity Code Description Project File Line Suppression State
Error Position 19:17. Can’t resolve BackgroundImageSource on ContentPage App1 D:\Projects\AppProjects\Vs19\SyncApp1\App1\App1\Views\Login\Styles.xaml 19

Meikanda Nayanar I
Meikanda Nayanar I
@ Faisal  

Hi Fasil,

Thank you for providing the stack trace of the issue. With the following details from the stack trace, we suspect the use of lower version of Xamarin.Forms NuGet package causes this issue in your application.

Severity Code Description Project File Line Suppression State
Error Position 19:17. Can’t resolve BackgroundImageSource on ContentPage App1

The issue is with the lower version of Xamarin.Forms NuGet package that you are using. We have used the BackgroundImageSource property in our login pages, and this API is introduced in Xamarin.Forms 4.0 versions.

Xamarin.Forms release notes – https://docs.microsoft.com/en-us/xamarin/xamarin-forms/release-notes/4.0/4.0.0-api

[Obsolete (“BackgroundImageProperty is obsolete as of 4.0.0. Please use BackgroundImageSourceProperty instead.”)]
public static BindableProperty BackgroundImageProperty;

We have documented the same in our UI Kit documentation below.

1. https://help.syncfusion.com/xamarin/uikit/overview#supported-platforms

2. https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms/blob/master/README.md#supported-platforms

So, could you please update the Xamarin.Forms NuGet package to the latest version and try deploying your application.

Please let us know if you need any further assistance.

Thanks,
Meikandan

@ Meikanda Nayanar I  

Hi,

I’m having the identical issue as FAISAL described above, and I updated Xamarin.Forms to version 4.4, and still getting the error.

Please help.

Thanks,
John

Hello, thanks for this great UI!

I have a question;
When I run my application, a pop-up shows up that includes a license confirmation. If I publish my app to the marketplace, will it appear to everyone?

Thanks

@ Erdogan  

Hi Erdogan,

Thank you for contacting us.

We have published the Essential UI Kit source code in GitHub with an MIT license. You can use this UI Kit pages in your application for free without any restrictions.

But for the pages that use Syncfusion controls, you must get the licenses to use those controls in your application to avoid the license validation pop-ups. The Syncfusion provides free community licenses that provides access to all the Syncfusion products for individual developers and small businesses. (updated the links below to know more about the Syncfusion free community licenses).

Alternatively, you can replace the Syncfusion controls with the framework controls and use them to avoid getting any licenses.

For more details about the Essential UI Kit license, please refer

https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms#license

Regarding the Syncfusion licenses, please refer

https://www.syncfusion.com/sales/licensing

To know more about the Syncfusion community licenses, please refer

https://www.syncfusion.com/products/communitylicense

Please let us know if you need any further assistance in this.

Thanks

Meikandan

Hello! I installed the extension in visual studio, and configured the line below, in my app.xaml.cs file:

Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense (“”);

What is the limitation? Can I create my app and put it on the google play store? Is there a rule that will cause my app to stop working due to a license?

Another doubt is whether there is any model of a carousel of clickable images. The “Article Tile Page” model is interesting, but the images do not change automatically.

And lastly, can I create a customized screen with excerpts from layouts of various models of the kit?

Thanks!
Gilberto.

Note: I’m from Brazil, I don’t speak English very well.

@ Gilberto Matos  

Hi Gilberto,

Thank you for contacting us. Please find the details below for your queries.

Query 1: What is the limitation? Can I create my app and put it on the google play store? Is there a rule that will cause my app to stop working due to a license?

Yes. You can publish your app with a valid Syncfusion license. To know more about the Syncfusion licenses please refer to the below link.

https://www.syncfusion.com/sales/licensing

Query 2: Another doubt is whether there is any model of a carousel of clickable images. The “Article Tile Page” model is interesting, but the images do not change automatically.

At present, we do not have any pages with a carousel panel that automatically changes the index. We will add this to our list of feature requests, but we do not have an immediate schedule to implement this screen.

Query 3: Can I create a customized screen with excerpts from layouts of various models of the kit?

Yes, you can create a customized screen by using our available screens. You can get our available screens in the below location.

https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms

Also, you can get our screens by adding the required pages by using the extension. Please find the extension documentation below.

https://help.syncfusion.com/xamarin/uikit/gettingstarted

Thanks
Meikandan

Hi, does anyone know how to change default images in Xamarin Essential UI Kit. like profile images or listing product images etc?

thanks

Comments are closed.