Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (150).NET Core  (24)Angular  (42)ASP.NET  (48)ASP.NET Core  (57)ASP.NET MVC  (84)Azure  (28)Blazor  (74)DocIO  (18)Essential JS 2  (67)Essential Studio  (161)Flutter  (85)JavaScript  (141)Microsoft  (101)PDF  (54)React  (32)Succinctly series  (120)Syncfusion  (459)TypeScript  (30)Uno Platform  (2)UWP  (4)Vue  (26)Webinar  (18)Windows Forms  (54)WPF  (108)Xamarin  (119)XlsIO  (22)Other CategoriesBarcode  (4)BI  (29)Bold BI  (3)Build conference  (6)Business intelligence  (53)Button  (4)C#  (104)Chart  (45)Cloud  (9)Company  (445)Dashboard  (6)Data Science  (3)Data Validation  (3)DataGrid  (36)Development  (245)Doc  (7)DockingManager  (1)eBook  (91)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (16)Extensions  (11)File Manager  (3)Gantt  (8)Gauge  (6)Git  (3)Grid  (25)HTML  (9)Installer  (2)Knockout  (2)LINQPad  (1)Linux  (1)M-Commerce  (1)Metro Studio  (11)Mobile  (188)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (19)Performance  (3)PHP  (1)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (5)Road Map  (9)Scheduler  (20)SfDataGrid  (8)Silverlight  (21)Sneak Peek  (14)Solution Services  (2)Spreadsheet  (5)SQL  (5)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (9)Tips and Tricks  (44)UI  (106)Uncategorized  (68)Unix  (2)User interface  (67)Visual State Manager  (1)Visual Studio  (17)Visual Studio Code  (9)Web  (163)What's new  (108)Windows 8  (19)Windows App  (1)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Share on twitter
Share on facebook
Share on linkedin
What’s New in the Essential UI Kit for Xamarin

What’s New in the Essential UI Kit for Xamarin

When it comes to design and production, the Essential UI Kit for Xamarin saves a lot of time and money. In our latest update, we have crafted a new page and added many interactions and appearance changes to the existing pages. Now, there are 102 screens in your favorite Essential UI Kit for Xamarin.

The complete set of screens can be downloaded from the Essential UI Kit for Xamarin GitHub location. These updates are available in our Visual Studio for Windows and Visual Studio for MAC extensions, too.

Let’s now see the new updates in our Essential UI Kit for Xamarin:

Dark and light themes

Now, you can enjoy the dark theme support in all the XAML pages. In the Xamarin UI Kit application, you can choose the required theme from the settings page as shown in the following screenshot. Also, you can update the app’s theme based on the device’s theme in the UI Kit app.

Switch to dark or light themes in Essential UI Kit for Xamarin

Switch to dark or light themes in Essential UI Kit for Xamarin

Please find the following XAML Pages with dark theme support in the Essential UI Kit for Xamarin.

Sign Up page in dark themeCategories page in dark theme
Chat page in dark themeProfile page in dark theme

Credit card payment XAML page

We have added a new XAML page to the  Kit to request credit card details from a user.

XAML page in the Essential UI Kit for Xamarin getting credit card detailsXAML page in the Essential UI Kit for Xamarin getting credit card details

XAML page in the Essential UI Kit for Xamarin getting credit card details

Ripple effect for touch interaction

We have included ripple effect support to our XAML pages. The following GIF image shows the ripple effect added to the e-commerce category page. We have used the Syncfusion Xamarin Effects View control for this amazingly easy-to-use ripple effect.

Ripple effect for touch interactions in Essential UI Kit for Xamarin

Ripple effect for touch interactions in Essential UI Kit for Xamarin

Improvements in styles applied in XAML pages

Previously, we had styles for each category of XAML page, such as forms, articles, and catalogues. But now, we have added screens by control that are more efficient at sharing styles among XAML pages.

Embedded fonts

As the Xamarin.Forms 4.5 version provides support to embedded fonts, we have now extended embedded fonts support to our Xamarin Essential UI Kit project. We have removed the fonts from platform-specific projects and added them to the Xamarin.Forms project.

Improvements in the demo project

In addition to the updates in XAML pages, the demo project that helps you view the XAML pages has been improved in this update.

Switch application theme based on device’s theme

This feature enables you to easily switch themes (light or dark) in your application based on the device’s theme settings.

Thumbnail view for viewing/selecting XAML pages

Previously, we only had the grid view, which contained the description of each page. Now, we have added a new view that will show a thumbnail image for each of our XAML pages. This will allow a user to select pages from its miniature view. You have either the grid with page descriptions or the thumbnail image view for choosing XAML pages in the Essential UI Kit project.

Thumbnail view of the XAML pages in Essential UI Kit for XamarinThumbnail view of the XAML pages in Essential UI Kit for Xamarin

Thumbnail view of the XAML pages in Essential UI Kit for Xamarin

Conclusion

Thanks for reading! In this blog post, we have seen the various new vivid updates in our Syncfusion Essential UI Kit for Xamarin. So, try out these features and build charming applications!

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 TwitterFacebook and LinkedIn pages for updates. If you found this post useful or have questions, please let us know in the comments.

My colleagues and I invite you to see all our Syncfusion Xamarin.Forms controls in action by downloading a free trial. You can also explore our AndroidiOS and UWP demo apps. You can learn about the controls’ advanced features in our documentation.

Related Blogs

Tags:

Share this post:

Share on twitter
Share on facebook
Share on linkedin

Leave a comment

Popular Now

Be the first to get updates

Subscribe RSS feed
Scroll To Top