This blog post explores simple techniques for customizing the visual styles of the Syncfusion WinUI DataGrid component.

Personalize Your WinUI DataGrid: Quick and Simple Customization Techniques. Refer to the following code snippet:XAMLCustomize the stacked header style using the SyncfusionGridStackedHeaderCellControlBackground and SyncfusionGridStackedHeaderCellControlForeground keys

Development – Syncfusion Blogs

Syncfusion was honored to sponsor the ng-India 2024 conference, held at the Leela Ambience Convention Hotel in Delhi. As the country’s premier annual event for Angular and JavaScript developers, ng-India 2024 celebrated its sixth year with an impressive turnout of around 700 attendees nationwide.On February 10, Angular and JavaScript enthusiasts converged at the Leela Ambience Convention Hotel for a day of enlightenment and collaboration. With 15 speakers covering a diverse range of topics, including Angular, JavaScript, ChatGPT, the Internet of Things, and web design technologies, attendees had the opportunity to delve into new concepts, engage in in-depth discussions, and contribute to advancing technology.Syncfusion Senior Product Manager Shriram S gave a presentation called, “Security in Angular Applications.” He delved into the crucial aspects of building secure web apps using the Angular framework in his talk. Shriram covered fundamental security principles, emphasizing the importance of secure coding practices and the role of the Angular framework in mitigating common vulnerabilities. He spoke of Angular’s built-in security features and how to leverage them effectively to protect against common web app attacks.Syncfusion showcased its cutting-edge UI components at the event, drawing significant interest and engagement through live demonstrations at the Syncfusion booth. A highlight was the Community License, which provides eligible individuals and small businesses with free access to Essential Studio. The enthusiastic response reaffirmed the importance of accessible technology for entrepreneurship.In addition to engaging discussions, Syncfusion’s booth offered attendees giveaways, including a chance to win an iPad through a raffle.Indrakant Mishra emerged as the lucky winner, and we extend our heartfelt congratulations to him! We hope you enjoy your new iPad.In conclusion, Syncfusion’s participation at the ng-India conference was fulfilling and enriching for the developers. It gave us a valuable platform to connect with industry peers, share insights, and contribute to the vibrant tech community. We sincerely thank all attendees and look forward to future opportunities for innovation and collaboration. Thank you for your continued support!Syncfusion has over 1,800 components and frameworks for WinForms, WPF, WinUI, .NET MAUI, ASP.NET (MVC, Core), UWP, Xamarin, Flutter, JavaScript, Angular, Blazor, Vue, and React. Use them to enhance the speed of your app development.For current customers, the newest Essential Studio version is available for download from the License and Downloads page. If you are not a Syncfusion customer, try our 30-day free trial to check out our newest features.If you have questions, you can reach us through our support forums,  support portal, or feedback portal. As always, we are happy to assist you!  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updates  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updatesFax: +1 919.573.0306US: +1 919.481.1974UK: +44 20 7084 6215Toll Free (USA):1-888-9DOTNETsales@syncfusion.com

Syncfusion's Sponsorship at ng-India 2024: A Recap. He delved into the crucial aspects of building secure web apps using the Angular framework in his talk.

Syncfusion’s Sponsorship at ng-India 2024: A Recap

Fluxor is a useful tool for managing application states in a centralized manner, allowing for easier traceability of changes. It is a zero-boilerplate state management library for .NET that operates on the Flux and Redux principles. The goal of Fluxor is to simplify front-end development by providing a single-state store approach for multiple UIs, without the hassle of excessive boilerplate code. The Fluxor concepts are well-explained by Peter Morris and the Fluxor team in the following links:In this blog, we’ll see how to integrate Fluxor with the Syncfusion Blazor DataGrid and perform CRUD actions using state management principles.Note: Before proceeding, refer to the Blazor DataGrid documentation for getting started with the control.Follow these steps to add Fluxor to your Blazor project:Before integrating Fluxor with the Syncfusion Blazor DataGrid component, it’s necessary to create a Fluxor store. This is because CRUD operations are performed on state data, which is managed in a centralized manner. The store holds the entire app’s state, and all updates are performed through actions and reducers. The Fluxor store consists of the following folders:We next need to create a state. The state defines the data structure and serves as the centralized store for the entire app. In this case, we have created the OrderState.Refer to the following code example.The previous code example shows the addition of a Feature class that exposes the OrderState to Fluxor. This allows all updates to the state to be performed through actions and reducers. These updates are crucial in maintaining the integrity of the centralized state and ensuring that it accurately reflects the entire app’s state.The Fluxor Feature<T> class requires the implementation of two abstract methods:Next, we need an action to dispatch while performing CRUD actions in the Blazor DataGrid.Actions play an important role in Fluxor architecture. They are objects that describe changes to the state and are dispatched from components to be processed by reducers.To perform CRUD operations with Fluxor, specific actions must be created for each operation. For instance, if you want to implement CRUD state management for a list of items, you should create actions for adding, updating, deleting, and retrieving the list of items.Refer to the following code example to implement these actions.As discussed in the Action section, we require a reducer method to handle the actions. Reducers play a crucial role in the Fluxor architecture by updating the state in response to dispatched actions. They are defined as functions that receive the current state and an action and then return a new state that reflects the changes described by the action.For example, in the case of a CRUD state management for a list of items, the reducer would handle actions such as adding, updating, deleting, and retrieving the list of items, updating the state accordingly.Refer to the following code example.We can see that the UpdateOrder reducer method receives a currentState as a parameter and returns a new state with the updated values.We now have to create the OrderService to fetch the data from the API and corresponding CRUD action methods. Refer to the following code example.Effects in Fluxor are utilized to separate the state update logic from the side effect logic. This separation makes the code easier to understand and maintain, as it clearly defines which portions of the code are responsible for updating the state and which are responsible for the side effects.Effects are employed in Fluxor when a dispatched action requires access to resources outside the store. For instance, you could use an effect to retrieve data from a remote API in response to an action request. The effect would make the API call, and when the data is returned, it will dispatch another action to update the state with the obtained data. This separation of the logic of fetching data and updating the state enhances the code’s readability and maintainability.In this example, we use the Effects method to fetch data from a remote service.Let’s integrate Fluxor with Syncfusion Blazor DataGrid to perform CRUD operations in it.So initially, the data will be fetched from the Effects method and then stored in the State since the AsyncLoadOrderAction was subscribed. Refer to the following code example.Let’s perform CRUD operations in the Blazor DataGrid using Fluxor!If we delete an Order using the CommandColumn button, it will call the OnDelete method. In this method, we will dispatch the AsyncDeleteOrderAction.The dispatch action will trigger the corresponding AsyncDeleteOrderEffect, where an API call is made to delete the data in the state.Let’s add a new record to the DataGrid using the custom toolbar item. Refer to the following code example.The Dialog component will be displayed when we press the New Order button in the DataGrid toolbar. After entering the inputs, click Save.The dispatch action will trigger the corresponding AsyncAddOrderEffect, where an API call is made to add the data to the state.The DataGrid UI will be automatically updated when CRUD actions are completed and stored in the state without requiring manual refresh or any other actions to reflect the changes in the grid.After executing the previous code examples, the output will look like the following image.Performing CRUD actions in Blazor DataGrid with FluxorCheck out the complete example for this on GitHub demos.Thanks for reading! In this blog, we’ve learned how to integrate the Syncfusion Blazor DataGrid with Fluxor and perform CRUD operations in it. Feel free to try out these steps and share your feedback in the comments section. For more details, refer to the online demos.Syncfusion DataGrid is also available in the ASP.NET (Core, MVC),  Blazor, Angular, JavaScript, React, Vue, Xamarin, Flutter, WinForms, WPF, .NET MAUI and WinUI platforms. Use this component wherever you need to build world-class apps!The latest version of Essential Studio is available for existing customers from the License and Downloads page. If you are not yet a Syncfusion customer, you can try our 30-day free trial to check out all the available features.For questions, you can contact us through our support forums, support portal, or feedback portal. We are always happy to assist you!  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updates  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updatesFax: +1 919.573.0306US: +1 919.481.1974UK: +44 20 7084 6215Toll Free (USA):1-888-9DOTNETsales@syncfusion.com

Perform Effortless CRUD Actions in Blazor DataGrid with Fluxor. The previous code example shows the addition of a Feature class that exposes the OrderState to Fluxor.

Perform Effortless CRUD Actions in Blazor DataGrid with Fluxor

In this blog, we’ll see how to load appointments in the WinUI Scheduler control from the SQLite database, execute CRUD (create, read, update, delete) actions, and dynamically update the Scheduler changes.The Syncfusion WinUI Scheduler has comprehensive scheduling capabilities, making it an excellent solution for appointment management tasks.SQLite, renowned for its lightweight nature, open-source availability, and self-contained architecture. It is used for relational database management in embedded systems, mobile apps, and desktop software. Its simplicity and efficiency make it a popular choice among developers.Note: Before proceeding, ensure you have familiarized yourself with the Getting Started with WinUI Scheduler documentation.Create SQLite connection, define the model, and populate appointmentsLet’s start by connecting the SQLite database with the Syncfusion WinUI Scheduler.First, install the sqlite-net-pcl package to connect the SQLite database.Define the SQLite connection using the dynamic SQLiteConnection API and set up the database path property in the SchedulerDatabase.cs file.Refer to the following code example.SchedulerDatabase.csCreate an instance for the SQLite connection with the database Path property and initialize it in the App.Xaml.cs file to use the database.App.xaml.csThen, define the Appointment model class to hold the key property values extracted from the database table.Appointment.csCreate a table named Appointment in that SQLite database.SQLiteDatabase.csIn the SchedulerViewModel class, populate the data from the SQLite database. Then, retrieve the appointments from the SQLite database in the SchedulerDatabase.cs file.Initialize the WinUI Scheduler control and bind its ItemSource property to the Appointments property of the SchedulerViewModel class.Refer to the following code example.MainPage.xamlAfter executing the previous code examples, we’ll get output like in the following image.Let’s create an appointment editor that enables the addition, saving, and deletion of appointments in the WinUI Scheduler.When double-tapping the Scheduler, you will be able utilize the appointment editor to add, edit, and delete appointment details using the Scheduler AppointmentEditorClosing event.Refer to the following image.When clicking Save or Delete in the appointment editor, it is necessary to update the WinUI Scheduler and the SQLite database.Let’s see how to execute CRUD actions on the SQLite database and synchronize the changes with the WinUI Scheduler control using the Scheduler appointment editor.You can add appointments by providing the required details and clicking the Save button in the appointment editor. The following code example illustrates the command associated with the Save button.SchedulerViewModel.csRefer to the following code example to save an appointment in the SQLite database.SchedulerViewModel.csSchedulerDatabase.csBy clicking the Delete button, we can delete an appointment in the WinUI Scheduler and the SQLite database. The following code examples demonstrate the command associated with the Delete button.SchedulerViewModel.csSchedulerDatabase.csWhen rerunning the application, the WinUI Scheduler will fetch the updated appointments from the SQLite database, and the output will be as follows.Thanks for reading! In this blog, we learned how to load appointments in the WinUI Scheduler with the SQLite database and perform CRUD operations with ease. Try out the steps discussed in this blog and leave your feedback in the comments section below!Existing customers can access the new version of Essential Studio from the License and Downloads page. If you’re not a Syncfusion customer, why not explore our features with our 30-day free trial?For questions, you can contact us through our support forum, support portal, or feedback portal. We’re here to help you every step of the way!  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updates  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updatesCopyright © 2001 - 2024 Syncfusion, Inc. All Rights ReservedFax: +1 919.573.0306US: +1 919.481.1974UK: +44 20 7084 6215Toll Free: 1-888-9DOTNET

Easily Load Appointments in WinUI Scheduler with SQLite and Perform CRUD Actions. Create SQLite connection, define the model, and populate appointmentsLet’s start by connecting the SQLite database with the Syncfusion WinUI Scheduler

Easily Load Appointments in WinUI Scheduler with SQLite and Perform CRUD Actions

Syncfusion was glad to be one of the sponsors of the NDC London 2024 conference, held at the Queen Elizabeth II Centre. The five-day event held from Jan. 29 to Feb. 2. Around 100 speakers shared their knowledge about databases, ChatGPT, JavaScript, .NET MAUI, Blazor, .NET, Internet of Things, and web design technologies.Attendees explored new horizons, collaborated, and contributed to the transformative power of technology. The NDC is always a vibrant hub for insightful talks, networking, and knowledge sharing!Our booth, #13, served as a hub for introducing Syncfusion’s cutting-edge UI components. The conference was a fantastic opportunity to provide live demos, generating considerable interest from attendees.A major attraction was our Community License, extending free access to Essential Studio to eligible individuals and small businesses. The positive response showed us the community’s appreciation for accessible technology.In addition to engaging discussions, our booth offered enticing freebies. The daily raffle drew excitement, with attendees winning coveted Ember temperature control smart mugs.This is the list of Syncfusion’s raffle prize winners:Syncfusion contributed some special prizes to the JavaScript millionaire game contest, a dynamic quiz, testing participants’ JavaScript prowess. We extend our best wishes to the winners.Thanks for reading! Being a part of the NDC London conference was a pleasure, allowing us to connect, share insights, and contribute to the vibrant tech community. We look forward to future opportunities to innovate and collaborate.Syncfusion has over 1,800 components and frameworks for WinForms, WPF, WinUI, .NET MAUI, ASP.NET (Web Forms, MVC, Core), UWP, Xamarin, Flutter, JavaScript, Angular, Blazor, Vue, and React. Use them to boost your application development speed. Visit our YouTube channel, documentation, GitHub demos, and web demos for more information about our components.For current customers, the newest version of Essential Studio is available for download from the License and Downloads page. If you are not a Syncfusion customer, try our 30-day free trial to evaluate our components.For questions, you can reach us through our support forums, support portal, or feedback portal. As always, we are happy to assist you!  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updates  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updatesCopyright © 2001 - 2024 Syncfusion, Inc. All Rights ReservedFax: +1 919.573.0306US: +1 919.481.1974UK: +44 20 7084 6215Toll Free: 1-888-9DOTNET

Syncfusion at NDC London 2024: A Recap. The conference was a fantastic opportunity to provide live demos, generating considerable interest from attendees

Syncfusion at NDC London 2024: A Recap

Ratings help users express their opinions and provide valuable feedback. While the traditional star-based rating system is ubiquitous, there’s room for creative innovation in the world of user interface design. In this blog, we’ll explore how to design unique and engaging rating designs using the Syncfusion WinUI Rating control.Syncfusion offers a powerful and flexible Rating control for WinUI apps. With this, you have the freedom to design rating systems that go beyond traditional stars. Let’s look at some examples.Imagine you’re building a dating app, and you want users to express their feelings about potential matches. Instead of stars, why not use hearts?With the Syncfusion WinUI Rating control, you can easily customize the symbols used for ratings. Hearts convey emotions in a way that stars can’t, adding a touch of romance to your app.XAMLC#For a content recommendation system, you might want users to rate items with a simple thumbs-up or thumbs-down gesture. The WinUI Rating control allows you to replace stars with custom symbols like thumbs pointing up and down, making it clear and intuitive for users.XAMLIn a restaurant review app, you can use emojis. This adds a playful and visually appealing touch to your app.XAMLC#With the Syncfusion WinUI Rating control, you can design rating controls that align with your app’s unique branding, style, and purpose. Whether you’re building a social networking app, a fitness tracker, or an e-commerce platform, a custom rating control can enhance user engagement.Explore the creative possibilities of rating controls with the Syncfusion WinUI Rating control and elevate your app’s user experience to new heights.Thanks for reading! This blog showcases how the Syncfusion WinUI Rating control can be used to design unique and engaging rating systems beyond traditional stars. Feel free to customize this content to match your specific app and audience.The new version of Essential Studio is available for existing customers from the License and Downloads page. If you are not a Syncfusion customer, try our 30-day free trial to check out our features.For questions, you can contact us through our support forums, support portal, or feedback portal. We are always happy to assist you!  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updates  10 JavaScript Naming Conventions Every Developer Should Know   Angular Promises Versus Observables   6 Easy Ways to Export Data to Excel in C# Be the first to get updatesCopyright © 2001 - 2024 Syncfusion, Inc. All Rights ReservedFax: +1 919.573.0306US: +1 919.481.1974UK: +44 20 7084 6215Toll Free: 1-888-9DOTNET

From Stars to Hearts: Explore Creative Rating Designs in WinUI. XAMLC#With the Syncfusion WinUI Rating control, you can design rating controls that align with your app’s unique branding, style, and purpose.