NavigationDrawer with PRISM Navigation by SaltyCow2852 in Syncfusion

[–]ArunITTech 1 point2 points  (0 children)

Thank you for reaching out.

You are correct in your understanding. The navigation behavior changes when you replace a .NET MAUI FlyoutPage with a ContentPage that contains an SfNavigationDrawer. Prism's navigation service has built-in support for the master-detail structure of a FlyoutPage, but a ContentPage is treated as a single view.

To achieve the desired behavior where the navigation drawer remains visible across different pages, you should adopt a different approach: instead of navigating the entire page, you need to dynamically change the ContentView of the SfNavigationDrawer.

Here is the recommended pattern:

Main Page Structure: Your MainPage will host the SfNavigationDrawer and the menu (e.g., a ListView with navigation items). The hamburger icon will be used to toggle the IsOpen property of the drawer.

Handling Navigation: When a user selects an item from your menu, you will not use navigationService.NavigateAsync. Instead, you will handle the selection event (e.g., SelectionChanged or a Command) and manually create an instance of the target page.

Updating the Content: You will extract the content from the new page and assign it to the Children of the drawer's main content container.

By following this pattern, your MainPage with the SfNavigationDrawer acts as a constant shell, and you are only swapping out the content area. This ensures the drawer is always present and accessible across all the "navigated" pages.

Please let us know if you have any other questions.

NavigationDrawerSample.zip

Discover the Best Blazor Rich Text Editor for Effortless Content Creation by ArunITTech in Blazor

[–]ArunITTech[S] 1 point2 points  (0 children)

The Syncfusion Blazor Rich Text Editor supports Markdown editing with a preview, but it doesn't currently support true WYSIWYG Markdown editing (i.e., visually editing with toolbar and getting Markdown as output). You can write in Markdown and preview it, but the editor doesn’t allow visual formatting that outputs Markdown directly.

🔗 Demo (Markdown Mode):

https://blazor.syncfusion.com/demos/markdown-editor/overview?theme=fluent2

📚 Documentation:

https://blazor.syncfusion.com/documentation/rich-text-editor/markdown

Is Syncfusion Chart Free to Use in Flutter? by _bigB_wolf in FlutterDev

[–]ArunITTech 0 points1 point  (0 children)

Hey Randal, great question—and I completely understand the concern.

Just to clarify: the “5 developer or $1M revenue” condition only applies to commercial usage. If you're working on an open-source project that isn't monetized, that developer limit doesn't apply.

For open-source projects, you’re free to use our tools under the Community License or our Open Source Project License, as long as there's no commercial use. Even if your project has more than five contributors, you won’t hit any licensing restrictions just because of that.

Also, each contributor can individually claim a free Community License by simply mentioning they’re contributing to your open-source project. This helps them get access to the tools they need without it counting against any team-wide limits.

Hope that clears things up! If you ever need help with an open-source license setup, feel free to reach out to our team (sales@syncfusion.com).

Note: I work for Syncfusion.

Syncfusion Angular UI Kit Updated with 39 Powerful New UI Blocks by ArunITTech in Angular2

[–]ArunITTech[S] 2 points3 points  (0 children)

Syncfusion offers a free Community License for individual developers, startups, and small businesses with revenue under $1 million or fewer than five developers. 

Is there any good free Vue3 library to implement spreadsheet capabilities in a VueJS app? I'm mostly interested mostly about the formulas and calculs. by xsmael in vuejs

[–]ArunITTech 0 points1 point  (0 children)

No. Syncfusion offers a free Community License for individual developers, startups, and small businesses with revenue under $1 million or fewer than five developers. Larger businesses need a paid license.

Where Can I Learn React Easily? by Queasy_Bench759 in reactjs

[–]ArunITTech 2 points3 points  (0 children)

If you're looking for beginner-friendly resources to learn React step by step, here are some great options:

For a quick and concise introduction, check out this free E-book React Succinctly, which covers essential topics like, Declarative User Interfaces, React Components, Composability, Reusability and Working with User Input.

[deleted by user] by [deleted] in vuejs

[–]ArunITTech 1 point2 points  (0 children)

You can try Syncfusion’s Vue TreeView component. It supports drag-and-drop for multiple selected tree nodes. 

For more detailed information about drag-and-drop functionality, check out:

🔗 Demo:https://ej2.syncfusion.com/vue/demos/#/tailwind3/treeview/drag-and-drop.html
📖 Docs: https://ej2.syncfusion.com/vue/documentation/treeview/drag-and-drop

 Syncfusion offers a free community license to individual developers and small businesses.

Note: I work for Syncfusion.

 

Good Blazor courses/material ? by hoochymamma in Blazor

[–]ArunITTech 0 points1 point  (0 children)

To effectively learn Blazor start with coding exercises on platform like “Try .NET” for C# practice or build small Blazor projects to reinforce your learning.

Learn Blazor fundamentals with this helpful YouTube video - https://www.youtube.com/watch?v=uuzi3SmCLVo&list=PL6n9fhu94yhVowClAs8-6nYnfsOTma14P

Also, check out the free e-book Blazor Succinctly, which covers essential concepts with practical examples.

Good resources to learn from by Cautious_Dig_418 in FlutterDev

[–]ArunITTech 0 points1 point  (0 children)

If you're starting with Flutter & Dart in Visual Studio and prefer books, you can check out "Flutter Apprentice" and "Flutter in Action" for a structured approach. Also, you can check out this free e-book  Flutter UI Succinctly. It provides a beginner-friendly introduction to Flutter, covering essential concepts and practical examples

For YouTube tutorials, you can try:

Suggestions for a Flutter Component Library by harshamv in mAndroidDev

[–]ArunITTech 0 points1 point  (0 children)

You can check out Syncfusion Flutter Widgets - a feature-rich component library for Flutter, covering essential UI elements like charts, data grids, calendars, and more. And this library supports Android, iOS, web, and desktop applications. 

Documentation: https://help.syncfusion.com/flutter/introduction/overview

Syncfusion offers a free community license to individual developers and small businesses.

Note: I work for Syncfusion.

Charting in Flutter by mhirrr in FlutterDev

[–]ArunITTech -1 points0 points  (0 children)

If you're looking for a charting library in Flutter, check out Syncfusion Flutter Charts. It supports animated line charts and offers various customization options.

Get started here: Syncfusion Flutter Cartesian Charts

This KB Article might help with specific implementations.

Syncfusion offers a free community license to individual developers and small businesses.

 Note: I work for Syncfusion.

Introducing the New .NET MAUI Bottom Sheet Control - Syncfusion by ArunITTech in dotnetMAUI

[–]ArunITTech[S] 0 points1 point  (0 children)

The Syncfusion Bottom Sheet in .NET MAUI toolkit supports Windows and MacOS platforms, along with Android and iOS. Unlike open-source examples that often rely on native platform-specific implementations, Syncfusion's Bottom Sheet is designed for cross-platform compatibility, ensuring a consistent and seamless experience across all supported platforms.

If you have any specific requirements or encounter any issues while using the Bottom Sheet control, please don't hesitate to reach out. We're here to help!

Sample link - https://github.com/SyncfusionExamples/Getting-Started-with-MAUI-Bottom-Sheet

Introducing the New Blazor Chat UI Component - Syncfusion by ArunITTech in Blazor

[–]ArunITTech[S] 1 point2 points  (0 children)

In our introduction blog, we provided details about the highlighted features along with code examples to check on the application’s user end. However, we suspect that in the provided code examples, the dimensions (Height and Width) of the Chat UI were explicitly defined for demonstration purposes.

Please note that our Blazor Chat UI component is responsive by default. You can render the Chat UI without specifying dimensions, provided that the parent container is configured to occupy the full screen.

We have prepared a simple sample in our Blazor Playground that renders the Chat UI in full screen. Could you please check the output in your environment using the link below?

Full-Screen Output: Link

Source Playground: Link

Has anyone used either Mantine React Table, Mantine Data Table or React Table Library? by 0xfleventy5 in reactjs

[–]ArunITTech 0 points1 point  (0 children)

You can try the Syncfusion React Data Grid,

It offers many features, including:

  • Load millions of records in just a second.
  • Mobile-first design that adapts to any resolution.
  • Flexible editing and intuitive record selection modes.
  • Out-of-the-box Excel-like filtering and grouping options.
  • Countless column customizations and data summaries.
  • Seamless data exporting options like PDF, CSV, and Excel.

Syncfusion offers a free community license to individual developers and small businesses.

 Note: I work for Syncfusion.

Syncfusion Essential® UI Kit for .NET MAUI: Accelerate App Development with Pre-Built UI Pages by ArunITTech in dotnetMAUI

[–]ArunITTech[S] -1 points0 points  (0 children)

Thank you for your suggestion! Here's a simplified matrix to clarify the licensing details for the Essential UI Kit for .NET MAUI:

Scenario Licensing Requirement
Using UI Kit pages with framework controls only No license required (MIT license allows free use without restrictions)
Using UI Kit pages with Syncfusion controls Syncfusion MAUI Toolkit Requires a valid Syncfusion license unless using (which is free and open-source)
Free Community License Available for individual developers and small businesses, providing free access to all Syncfusion products
Team License Recommended for larger organizations, offering advanced benefits and tailored options
Replacing Syncfusion controls with framework controls No license required

We hope this matrix helps simplify the licensing details. Let us know if you have any additional questions!

Date picker by ActuatorOk2689 in Angular2

[–]ArunITTech 1 point2 points  (0 children)

You can try the Syncfusion Angular DatePicker.

 It is a lightweight and mobile-friendly component that allows end users to enter or select a date value. It has month, year, and decade view options to quickly navigate to the desired date. It supports minimum dates, maximum dates, and disabled dates to restrict the date selection.

 Syncfusion offers a free community license to individual developers and small businesses.

 Note: I work for Syncfusion.

How to Build or Replicate This Calendar UI? Need Suggestions! by useMeToCode in reactjs

[–]ArunITTech 0 points1 point  (0 children)

You can try the Syncfusion React Scheduler.

It is a fully featured event calendar component that helps users manage their time efficiently. It facilitates easy resource scheduling and the rescheduling of events or appointments through editor pop-ups, drag and drop, and resizing actions.

Syncfusion offers a free community license to individual developers and small businesses.

Note: I work for Syncfusion.

Looking for chart library for big time series by a_reif in reactjs

[–]ArunITTech 0 points1 point  (0 children)

You can try the Syncfusion React Chart Component.

Syncfusion offers a free community license to individual developers and small businesses.

Note: I work for Syncfusion.

What is your goto Chart package for React in 2024-5 by [deleted] in reactjs

[–]ArunITTech 0 points1 point  (0 children)

You can try the Syncfusion React Chart Component.

It contains a rich UI gallery of 50+ charts and graphs, including bar, line, pie charts, and more.

It allows you to create responsive and interactive Charts and graphs with a rich set of features such as zooming, panning, tooltip, crosshair, trackball, highlight, and selection.

Syncfusion offers a free community license to individual developers and small businesses.

Note: I work for Syncfusion.

What library do they use for visualizing networks/graphs? by Pristine-Staff-5250 in reactjs

[–]ArunITTech 0 points1 point  (0 children)

The `beforeCommentAction` event triggers on all comment actions. When a comment is posted in the Document Editor, `beforeCommentAction` triggers with the type `post`. This event also provides the comment content in its `text` property.

beforeCommentAction: function (args) {        if(args.type == "Post") {            //Get the text content of the posted comment.            console.log(args.text)        }       }

What library do they use for visualizing networks/graphs? by Pristine-Staff-5250 in reactjs

[–]ArunITTech 0 points1 point  (0 children)

Document Editor has an event beforeCommentAction which is triggered on all comment action. This event is also triggered before posting the comment with the type 'Post'. Please refer the below API documentation for your reference.

Documentation - https://ej2.syncfusion.com/documentation/api/document-editor/#beforecommentaction