Giter Site home page Giter Site logo

syncfusion / essential-ui-kit-for-xamarin.forms Goto Github PK

View Code? Open in Web Editor NEW
1.0K 82.0 305.0 134.48 MB

Free and beautiful XAML template pages for Xamarin.Forms apps.

License: MIT License

C# 100.00%
xamarin xaml-templates xamarin-forms reusable-screens essential-ui-kit cross-platform user-interface syncfusion admin-dashboard admin-template

essential-ui-kit-for-xamarin.forms's Introduction

Essential UI Kit for Xamarin.Forms

This Essential UI Kit repository contains elegantly designed XAML templates for Xamarin.Forms apps. These templates are compatible with Android, iOS, and UWP platforms, and use the MVVM design pattern to provide trouble-free integration.

Install the app to preview the templates instantly

Get it on Google Play

Image

Table of Contents

Build Status

CI Tool Build Status
App Center, iOS Build status
App Center, Android Build status

Key Features

  • Rich, elegant XAML layouts for most common scenarios.
  • Layouts optimized for phones, tablets, and desktop.
  • Based on the MVVM design pattern to work with any MVVM framework.
  • Easy integration.
  • Developer-friendly APIs.
  • Appearance customization using styles.
  • Optimized layouts to get the best possible performance.
  • Right-to-left rendering support.

Supported Platforms

  • Android 5.0 (or API level 21) and later versions.
  • iOS 9.0 and later versions.
  • UWP Build 17763 and later versions

The required minimum version of Xamarin.Forms is 4.0.0.425677.

System Requirements

Refer to the Xamarin system requirements documentation to learn more about the development environments.

The Visual Studio Extension

The Visual Studio extension allows you to add the required templates quickly through a few clicks. The extension setup is available in the Visual Studio Marketplace with detailed information on how to add the templates.

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

Coding Style

We follow the style used by the .NET Foundation, with a few exceptions:

  • We use tabs instead of spaces.
  • We do not prefix internal and private instance fields with _, static fields with s_ and thread static fields with t_.

Recent Blogs / News

Screenshots

Image



Image



Image



Image



Image



Image



Image



Image



Image

Install the app to preview the templates instantly

Get it on Google Play

Requesting Screens & Reporting Bugs

If you would like to request a new screen or report a bug in existing screens, create a feature request or submit a bug through our feedback portal.

License

These are samples/templates. The samples/templates may have various licenses but Syncfusion licenses this as MIT. You may need to obtain additional licenses to use the samples/templates from third parties.

This project uses Syncfusion controls and FFImageLoading (by Daniel Luberda) libraries.

The demo images and illustrations exhibited in this app are obtained from the following website.

Note: This license by no means modifies the license under which 3rd party intellectual property is provided and that such intellectual property is deemed directly licensed from the 3rd party by the user. You are solely responsible for obtaining all 3rd party licenses directly from the provider. These licenses to any third party intellectual property must be independently obtained by Customer from the provider.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 20,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today we provide 1,000+ controls and frameworks for web (ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Blazor, mobile (Xamarin,Flutter, UWP, and JavaScript), and desktop development (WinForms, WPF, and UWP). We provide ready-to deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

essential-ui-kit-for-xamarin.forms's People

Contributors

darrystonem avatar dharanidharandharmasivam avatar ismailsameer avatar kumaraguru1081 avatar madasamy99 avatar meikandanayanar avatar prabakaranr avatar rathanakumarsekar avatar sumathij avatar yogeshwarancm avatar yuvarajpalanisamy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

essential-ui-kit-for-xamarin.forms's Issues

Essential UI kit License

Hi,

First of all; I thank you for this perfect work that helps us as developers to make good quality applications.

I have a question about this project license:

image

Based on the MIT License; we are able to use Essential UI KIT free of charge

But when I clone it using git and open it using Visual studio 2019 and try to run it on android

I get a 30 days trial version? Can you explain to me how can I use it without having this pop-up ?

image

Chat text box behaviour hides all text when you have multiple lines

Hi there
I think your app looks really good and fantastic!
However it would be nice if the text box in chat conversation would be standard in behavior like what's up -iOS -Android.

Basically if you type on multiple lines the text gets hidden , in all those applications when you type text in multiple lines the text box expands and you can see all the text.

Can this be achieved with syncfusion controls?
thanks

License popup

Hello.
I Use this project but the pop-up license page is repeated in the app every time. How can i fix it ?

Error on creating View from UI Extension

The IU Extension Wizard drops an error to an file the second time you use it (creating Chat Views) on the same project:

Date:2021-01-22 11:25:42,083 Thread:[1] Level:ERROR Logger:Syncfusion.Xamarin.UI.MainViewModel [(null)] Message:Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.ProjectNode+ProjectWizardException (0x80004005): Fail to run wizard 'c:\users\jredondo\appdata\local\microsoft\visualstudio\16.0_94dff4f7\extensions\contwm35.jbf\ItemTemplates\CSharp\Chat Message\Chat Message.vstemplate'. Message: Referencia a objeto no establecida como instancia de un objeto. ---> System.NullReferenceException: Referencia a objeto no establecida como instancia de un objeto. en Microsoft.VisualStudio.TemplateWizard.Wizard.EnumContentsAddItem(ProjectItems projectItems, XmlNode contentNode, String projectName, String currentFolder, String currentTargetFolder, String rootName, String templateFolderPath, String destinationRootFolderPath, String userSpecifiedDestItemPath, String projectTypeString, List1 wizardExtensions, String rootExtension)
en Microsoft.VisualStudio.TemplateWizard.Wizard.Execute(Object application, Int32 hwndOwner, Object[]& ContextParams, Object[]& CustomParams, wizardResult& retval)
--- Fin del seguimiento de la pila de la ubicación anterior donde se produjo la excepción ---
en Microsoft.VisualStudio.Telemetry.WindowsErrorReporting.WatsonReport.GetClrWatsonExceptionInfo(Exception exceptionObject)
en Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.ProjectNode.RunWizard(SimpleHierarchyNode parentNode, String itemName, String wizardToRun, IntPtr dlgOwner)
en Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.ProjectNode.d__612.MoveNext()
--- Fin del seguimiento de la pila de la ubicación anterior donde se produjo la excepción ---
en System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
en System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
en Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.Automation.OAProjectItems.<>c__DisplayClass1_0.<b__0>d.MoveNext()
--- Fin del seguimiento de la pila de la ubicación anterior donde se produjo la excepción ---
en System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
en System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
en Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.Automation.OAProject.<>c__DisplayClass72_01.<<Mutate>b__0>d.MoveNext() --- Fin del seguimiento de la pila de la ubicación anterior donde se produjo la excepción --- en System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) en System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) en Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.ProjectNode.<>c__DisplayClass569_0.<<Mutate>b__0>d.MoveNext() --- Fin del seguimiento de la pila de la ubicación anterior donde se produjo la excepción --- en System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) en System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) en Microsoft.VisualStudio.Threading.JoinableTask.CompleteOnCurrentThread() en Microsoft.VisualStudio.ProjectSystem.ProjectMultiThreadedService.ExecuteSynchronously(Func1 asyncAction)
en Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.ProjectNode.Mutate(Func1 asyncAction, Boolean includesFileSystemChange, String telemetryActivity) en Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.Automation.OAProject.Mutate[T](Func1 asyncAction, Boolean includesFileSystemChange, String telemetryActivity)
en Microsoft.VisualStudio.ProjectSystem.VS.Implementation.Package.Automation.OAProjectItems.AddFromTemplate(String fileName, String name)
en Syncfusion.Xamarin.UI.MainWindow.AddItem_Click(Object sender, RoutedEventArgs e)`

Upgrading Syncfusion packages and xamarin breaks the layouts

Hi all, just wanted to inquire if this is the normal behaviour or it's a bug. I upgraded a project where I was using templates from the Visual Studio extension and it literally broke almost all the layouts. I upgraded Xamarin.Forms to 4.8.0.1269 and Syncfusion packages to 18.2.0.59. I am debugging using Xiaomi Redmi Note 7. Before the upgrade, everything was looking great.

187 build errors from login page!

I built a brand-new project in Visual Studio for the Mac, and I added the Login page from the Essentials menu.

I get this:

Screen Shot 2021-02-25 at Feb 25  4 03 35 pm

I have tried many many things to solve this, and no matter what I do it just gives me a different kind of error.

So I'm going back to the first error messages that appeared; these are they.

All 187 are similarly trivial-seeming things, and none of these errors are actually evident in the LightTheme.xaml file. That file looks perfect--so perfect in fact, that there are no red compiler errors marked anywhere on the screen.

Schedule Related

Is there any schedule about cross platform design especially for macbook? Or is there any schedule to support "Avalonia" project?

anim_btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation.xml.flat: error: failed to open file. "anim_btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation.xml.flat: error: failed to open file.".

I just dowloaded the file from github and clean and rebuild the solution .
But there are 10 errors below , similar to this one.

Error :
anim_btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation.xml.flat: error: failed to open file. "anim_btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation.xml.flat: error: failed to open file.". EssentialUIKit.Android

PLease help :

Other Errors on Build:
Severity Code Description Project File Line Suppression State
Error anim_btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation.xml.flat: error: failed to open file. "anim_btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation.xml.flat: error: failed to open file.". EssentialUIKit.Android
Error anim_btn_checkbox_to_indeterminate_from_checked_box_inner_merged_animation.xml.flat: error: failed to open file. "anim_btn_checkbox_to_indeterminate_from_checked_box_inner_merged_animation.xml.flat: error: failed to open file.". EssentialUIKit.Android
Error anim_btn_checkbox_to_unchecked_from_indeterminate_box_inner_merged_animation.xml.flat: error: failed to open file. "anim_btn_checkbox_to_unchecked_from_indeterminate_box_inner_merged_animation.xml.flat: error: failed to open file.". EssentialUIKit.Android
Error anim_btn_checkbox_to_unchecked_from_indeterminate_check_path_merged_animation.xml.flat: error: failed to open file. "anim_btn_checkbox_to_unchecked_from_indeterminate_check_path_merged_animation.xml.flat: error: failed to open file.". EssentialUIKit.Android
Error anim_btn_checkbox_to_indeterminate_from_unchecked_box_outer_merged_animation.xml.flat: error: failed to open file. "anim_btn_checkbox_to_indeterminate_from_unchecked_box_outer_merged_animation.xml.flat: error: failed to open file.". EssentialUIKit.Android
Error file failed to compile. EssentialUIKit.Android \EssentialUIKit.Android\obj\Debug\90\lp\10\jl\res\anim\btn_checkbox_to_indeterminate_from_checked_box_inner_merged_animation.xml
Error file failed to compile. EssentialUIKit.Android \EssentialUIKit.Android\obj\Debug\90\lp\10\jl\res\anim\btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation.xml
Error file failed to compile. EssentialUIKit.Android \EssentialUIKit.Android\obj\Debug\90\lp\10\jl\res\anim\btn_checkbox_to_indeterminate_from_unchecked_box_outer_merged_animation.xml
Error file failed to compile. EssentialUIKit.Android obj\Debug\90\lp\10\jl\res\anim\btn_checkbox_to_unchecked_from_indeterminate_box_inner_merged_animation.xml
Error file failed to compile. EssentialUIKit.Android \obj\Debug\90\lp\10\jl\res\anim\btn_checkbox_to_unchecked_from_indeterminate_check_path_merged_animation.xml

Search icon missing

The pictures of the templates show a search button at the top for searching for items in a list view.

This icon/button is missing after building the source project and viewing the demo app Catalog List Page

Github code pages are not identical with code pages added by VS Extension.

1
2

As far as I understand, the extension don't add updated code for some pages. Some other pages are also missing completely.

I would like to read your comments. Thank you.

Here is what I did.

I have created a new Xamarin Forms project, added all avaliable pages via the extension,
named "Essential UI Kit for Xamarin.Forms" and located at
https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Essential-UI-Kit-Xamarin-Forms

I have compared solution folders with comparison tool called WinMerger loated at winmerge.org

I have added two images.

license popup

Hello.
I Use this project but the pop-up license page is repeated in the app every time. How can i fix it ?

sf:Button throws Exception in SignUpPage.xaml

Hi,
I get a runtime exception* when trying to switch to the SignUpPage in my app via:

await Shell.Current.GoToAsync("//appStarting/signUp")

I get the same failure using all the different types of XF navigation/page load I could try, but I need to use Shell.

However, if I replace the reference to sf:Button (the one bound to SignUpCommand) with a regular Xamarin Forms button the page works and will load.

Any effort to include an sf:Button on the generated xaml produces the error, but only at runtime and only at the last moment when the page is loaded/go-to'd etc..

Thanks,
Dave G

*System.Reflection.TargetInvocationException
Message=Exception has been thrown by the target of an invocation.

Dashboards

Hi Team,
Thank you for very handy & useful kit. I see developers spend lot of time to develop beautiful dashboards / landing pages.

If possible can you add few dashboards to this kit.

thank you

Add .gitignore

Please add .gitignore file, it will help developers while exploring.

thank you

Syncfusion License popup on app load

I'm getting a license popup when loading the login page.
Isn't this essential-ui-kit completely open source with no need of license?

i'm on win10, visual studio 2019.
thanks!

image

Can't compile in VS2019

Using the VS XAML Templates. Added the login pages into the solution. The project is a xamarin.forms project. Get the following error when building:

LoginViewModel' does not contain a definition for 'NotifyPropertyChanged' and no accessible extension method 'NotifyPropertyChanged' accepting a first argument of type 'LoginViewModel' could be found (are you missing a using directive or an assembly reference?)

The same error shows on VS on my Windows laptop and Macbook.

UIFontIcons.ttf Update Process

Hi:

I want to add some icons to this file but it would be great to have specifics in terms of icons used, configurations and in general how to update this file.

Thanks,

Luis

Project's release configuration is not optimized

iOS

Use the LLVM optimizing compiler is not checked
Use the concurrent garbage collector is not checked

Android

Bundle assemblies into native code is not checked
Use incremental Android packaging system (aapt2) is not checked
Default dex compiler is dx instead of d8
Code shrinker has not been set to r8
Enable developer instrumentation (debugging and profiling) is checked
AOT compilation is not checked
Use the LLVM optimizing compiler is not checked
Enable startup tracing is not checked (We can also provide custom AOT profile)
Use the concurrent garbage collector is not checked

I applied these settings and published an apk. Test it if you like, and I can provide you a PR if you're happy with these changes.

Note that the apk is compiled for armV8 processors only.

Thanks in advance.

Issue with Onboarding from Essentials UI Kit!!

There seems to be an issue with SfRotatorBehavior on android. I have tested with android 9.0. The problem is tha if someone scrolls horizontally back and forth quickly it crashes with:

Java.Lang.IllegalArgumentException: 'Cannot set 'scaleX' to Float.NaN'

Note: This happens even in the application Essential UI Kit from PlayStore!

Any fix would be really appreciated!

AboutUsPage does not support Turkish characters.

Hello,

While reading the data in the about.json file in AboutUsPage, it gives an error if there are Turkish characters. The error occurs in the following function.

private static T PopulateData<T>(string fileName)
        {
            var file = "OnBoarding2.Data." + fileName;

            var assembly = typeof(App).GetTypeInfo().Assembly;

            T data;

            using (var stream = assembly.GetManifestResourceStream(file))
            {
                var serializer = new DataContractJsonSerializer(typeof(T));
                **data = (T)serializer.ReadObject(stream);**
            }

            return data;
        }

Error : System.Reflection.TargetInvocationException: 'Exception has been thrown by the target of an invocation.'

Path=IsFocused - BorderlessEntry

Hi...

IsFocused is not present in BorderlessEntry control.

[0:] Binding: 'IsFocused' property not found on 'SyncfusionXamarinApp1.Controls.BorderlessEntry', target property: 'Syncfusion.XForms.Border.SfBorder.BorderColor'

                    <border:SfBorder
                        Margin="0,8"
                        Padding="12,8"
                        BorderColor="{Binding Source={x:Reference PhoneNoEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
                        Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
                        VerticalOptions="Start">
                        <control:BorderlessEntry
                            x:Name="PhoneNoEntry"
                            Keyboard="Telephone"
                            Placeholder="{Binding PhoneNumberPlaceHolder, Source={Reference CountryPicker}}"
                            Style="{StaticResource BorderlessEntryStyle}"
                            Text="{Binding PhoneNumber, Source={Reference CountryPicker}}">
                            <control:BorderlessEntry.Behaviors>
                                <behaviors:EntryMaskedBehavior Mask="{Binding Source={x:Reference CountryPicker}, Path=Mask}" Prefix="{Binding Source={Reference CountryPicker}, Path=CountryCode}" />
                            </control:BorderlessEntry.Behaviors>
                        </control:BorderlessEntry>
                    </border:SfBorder>

OnBoardingPage Error

If the user wants to go back after pressing the next button twice in OnBoardingPage, the application closes.

Additionally, only one of the OnBoardingPage shown in the pictures is included in the ui kit. The first OnBoardingPage in the image is not included in the kit.

User recognized row and actual row are difference.

ListView (SfListView.ItemTemplate) has divider (aka sepalator, delimiter).
This trick has problems.
User recognized row and actual row are difference.
This induces tap mistakes.
And can't use SelectionBackgroundColor (except for transparent)
And can't use ripple effect (v17.4.0.50. SfListView bugfix #263112)

IMG_2388
Navigation/Song

Theme raises lots of errors on macOS

I started to follow the Holiday Challenge instructions and everything worked fine on Windows. However, the LightTheme.xaml file raises errors on just about every line, 281 to be exact. This happened just after adding the Login and Onboarding forms from the UI kit. Cleaning and rebuilding the solution did nothing.

Error Using Syncfusion Plugin with Visual Studio for Mac 2019

Hi I am using the VS for Mac 2019 version (latest as of this post) with the Syncfusion plugin however it produces a non-buildable solution. The issue seems to be w/ the UI Kit for Xamarin and not the plugin. I am using all of the latest Nuget packages for both Xamarin Forms and Syncfusion UI Kit. I have attached a screenshot for your review.

There error seems to mention that it's having trouble finding INotifyPropertyChanged:

../CheckoutPageViewModel.cs(22,22): Error CS1061: 'CheckoutPageViewModel' does not contain a definition for 'NotifyPropertyChanged' and no accessible extension method 'NotifyPropertyChanged' accepting a first argument of type 'CheckoutPageViewModel' could be found (are you missing a using directive or an assembly reference?) (CS1061)

Screen Shot 2021-07-01 at 6 16 20 PM
Screen Shot 2021-07-01 at 6 16 36 PM

ContactsViewModel ItemTappedCommand does not fire

Hi,
I ran the project using iOS Simulator and tested Contact List Page, but unfortunately ItemTappedCommand is never fired when I click on a contact. I thing there is something wrong when bind ContactsPage with ContactsViewModel via ContactsDataService, but I don't know where.

Any help?

Not working in 17.2.0.46

The demo does not work if we update the nuget packages for the latest syncfusion version 17.2.0.46 or 17.2.0.47.

I think the problem is in SFlistview, in a personal project, I have the same problem in sflistview if I upgrade it. After 17.2.0.40.

Thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.