Видео

Hi, Our license key is just a string that needs to be registered before initializing any Syncfusion controls in your application. We don’t have any option to secure the registered license key. We have implemented this licensing (key) validation system to avoid customers using our products inadvertently. Customers can obtain the Syncfusion license keys by storing them in a configuration, JSON, or app settings file, or by retrieving them from an environment variable and using them in their project. Additionally, customers have the option to store the license key using Azure Key Vault. Please refer to the following documentation to learn more about this. help.syncfusion.com/common/essential-studio/licensing/licensing-faq/how-to-securely-store-and-use-syncfusion-license-keys-in-azure-key-vault? However, in the cases mentioned above, license keys will still be exposed in the front end. We are currently aware of this issue and it is acceptable to continue using it in this manner. If any customer does not want this, they can download and use the licensed version of NuGet packages and scripts to avoid using the license key. Syncfusion provides a licensed installer. When you download the licensed installer from your Syncfusion account (www.syncfusion.com/account/downloads?) by logging in using your credentials, the license key generation and registration are not required for your projects. Refer to this UG documentation link for downloading the licensed installer. help.syncfusion.com/flutter/installation/offline-installer/how-to-download? Installation steps: help.syncfusion.com/flutter/installation/offline-installer/how-to-install?

Hello, The package name is not "patch_provider"; it is "path_provider." It is an existing package: pub.dev/packages/path_provider?. We have corrected the spelling mistake in the RUclips video around the 3:30 minute. Please watch the full video without skipping.

Solution 1: You can achieve your requirement by using the autoScrollingDelta property (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ChartAxis/autoScrollingDelta.html) in the Axis. The autoScrollingDelta property (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ChartAxis/autoScrollingDelta.html) in the Axis denotes the number of data points to be visible always in the SfCartesianChart (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html). For example, if there are 10 data points, the autoScrollingDelta value set to 5, and the autoScrollingMode (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/AutoScrollingMode.html) set to AutoScrollingMode.start (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/AutoScrollingMode.html#start), the first 5 data points will be displayed in the SfCartesianChart (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html), and the remaining data points can be viewed by panning the chart from left to right direction. You can view the remaining data points by setting the enablePanning property (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ZoomPanBehavior/enablePanning.html) to true in the ZoomPanBehavior (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ZoomPanBehavior-class.html). We have shared user guide documentation link and an online sample link for your reference below. UG Link for Panning: help.syncfusion.com/flutter/cartesian-charts/zoom-pan#panning UG Link for AutoScrolling: help.syncfusion.com/flutter/cartesian-charts/axis-customization#auto-scrolling SB Link for AutoScrolling: flutter.syncfusion.com/#/cartesian-charts/user-interactions/auto-scrolling Solution 2: You can achieve your requirement by setting zoomMode.x (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ZoomMode.html#x) in the ZoomPanBehavior (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ZoomPanBehavior-class.html). This allows you to zoom or pan the SfCartesianChart (pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html) in the horizontal direction. We have shared user guide documentation link and an online sample link for your reference below. SB Link for Panning: flutter.syncfusion.com/#/cartesian-charts/user-interactions/zooming-and-panning/pinch-zooming UG Link for Panning: help.syncfusion.com/flutter/cartesian-charts/zoom-pan#panning

Hi, Thank you for reaching out to us. Syncfusion does not support Spreadsheet viewer in the Flutter platform. We suggest using Microsoft Excel to view the generated Excel document.

Hi, To improve the PDF loading time, you can run the application in release mode. Additionally, to hide the initial loading symbol, use the following code snippet. code snippet: <syncfusion:SfPdfViewer x:Name="pdfViewer"> <syncfusion:SfPdfViewer.Resources> <Style TargetType="ActivityIndicator" ApplyToDerivedTypes="True"> <Setter Property="Opacity" Value="0" /> </Style> </syncfusion:SfPdfViewer.Resources> </syncfusion:SfPdfViewer> Note : This solution is only applicable for hiding the initial loading symbol. It will not affect the loading behavior of pages when you scroll through the PDF.

Hi, We have checked the reported query, and you can pass the listbox value in the GetDataByValue method of the listbox to retrieve the selected item. Please refer to the code snippets and sample below. private void click() { var values = ListBoxObj.GetDataByValue(ListBoxObj.Value); } Sample link: blazorplayground.syncfusion.com/rXLJjxhiimHApyls

Hi, Could you provide more details? Are you using the Vue diagram? Additionally, could you share the specific scenarios where you encounter the issue?

Hi, Currently, the document editor doesn’t support tracking information about the formatting changes. We have already logged this as a feature request. We don’t have any immediate plans to implement this feature now. We usually have an interval of at least three months between the releases. At the planning stage for every release cycle, we review all open features again and finalize features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We will let you know when this feature is implemented. You can track the status of the feature from the below link: syncfusion.pulse.ly/icjc9wlgop

@@SyncfusionInc Thank you :) will closely watch the feature request.

Hi, We've created a sample that demonstrates how to implement a multicolumn feature in a dropdown list using templates. You can refer to the code snippet and sample below: <ejs-dropdownlist id="employees" [dataSource]="data" [fields]="fields" width="500px" [placeholder]="watermark" (filtering)="onFiltering($event)" > <ng-template #headerTemplate> <table style="width: 500px;"> <thead> <tr className="e-text-center" style="width: 200px; padding: 6px; border: 1px solid black;" > <th className="e-text-center" style="width: 25%; padding: 6px; border: 1px solid black;" > Employee ID </th> <th className="e-text-center" style="width: 25%; padding: 6px; border: 1px solid black;" > Name </th> <th className="e-text-center" style="width: 25%; padding: 6px; border: 1px solid black;" > Designation </th> <th className="e-text-center" style="width: 25%; padding: 6px; border: 1px solid black;" > Country </th> </tr> </thead> </table> </ng-template> <ng-template #itemTemplate let-data> <table style="width: 500px;"> <tbody> <tr className="e-text-center" style="width: 200px; padding: 6px; border: 1px solid black;" > <td className="e-text-center" style="width: 25%; padding: 6px; border: 1px solid black;" > {{ data.Eimg }} </td> <td className="e-text-center" style="width: 25%; padding: 6px; border: 1px solid black;" > {{ data.Name }} </td> <td className="e-text-center" style="width: 25%; padding: 6px; border: 1px solid black;" > {{ data.Designation }} </td> <td className="e-text-center" style="width: 25%; padding: 6px; border: 1px solid black;" > {{ data.Country }} </td> </tr> </tbody> </table> </ng-template> </ejs-dropdownlist> Sample: stackblitz.com/edit/angular-ytxy1a-dmncrl?file=src%2Fapp.component.html,src%2Fapp.component.ts Documentation Reference: ej2.syncfusion.com/angular/documentation/drop-down-list/templates

Hi, In response to your query, the Dashboard Layout is primarily a layout component designed for web development. As such, it may not be directly integrable with WordPress. To provide with the most accurate and helpful information, we would appreciate if you could share more details about the intended use case for this integration. Understanding the specific needs and objectives will enable us to assist more effectively.

Hi, At present, within the Month view of the Scheduler component, events that occur on the same date are arranged in a vertical stack, lacking the capability to display these events side by side in a horizontal layout.

Hi, To provide you with better assistance, we've included documentation along with a demo link that illustrates how to preload files effectively. The File Upload component facilitates the loading of an initial list of files that have already been uploaded to the server. Demo Link: blazor.syncfusion.com/demos/file-upload/preload-files?theme=fluent& Documentation Link: blazor.syncfusion.com/documentation/file-upload/async?#preloaded-files We kindly request you to take a moment to review the provided documentation references. If you have any further concerns or specific requirements, please feel free to share additional information with us.

Hi, We have checked your account and found that you have no trial or valid license in your account. As a result, you are not able to generate the license keys. To generate the license key, you must possess a valid or community license. To obtain the Essential Studio license, please use this link, pulse.ly/224subfdgi and purchase the license of your requirement. Alternatively, if it meets your requirements, you can apply for the community license using the provided link, www.syncfusion.com/downloads/communitylicense. Once you have applied, our team will validate and approve your license. Following approval, you can be able to generate the license keys and use them.

Hi, We have checked your account and found that you have no trail or valid license in your account. As a result, you are not able to generate the license keys. To generate the license key, you must possess a valid license or a community license. To obtain the Essential Studio license, please use this link, www.syncfusion.com/sales/teamlicense? and purchase the license of your requirement. Alternatively, you can apply for the community license by using the provided link, www.syncfusion.com/downloads/communitylicense? if it meets your requirements. Once you have applied, our team will validate and approve your license. Following approval, you can be able to generate the license keys and use it.

Hi, We have checked the reported issue and tried to replicate it in the SfRangeSelector (pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html) with version 25.2.6. We have tested by dragging the start thumb and end thumb icon in the SfRangeSelector (pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html). However, we were unable to reproduce it on our end. Please check the attached code snippet and screen shot, and if you are still experiencing the issue, we request that you share the code snippet with screenshot or screen recording and provide us with more details regarding the specific scenario in which you are encountering this issue. This will help us to assist you more effectively. Code Snippet: import 'package:flutter/material.dart'; import 'package:syncfusion_flutter_charts/charts.dart' hide EdgeLabelPlacement, LabelPlacement; import 'package:syncfusion_flutter_sliders/sliders.dart'; ///Core theme import import 'package:syncfusion_flutter_core/theme.dart'; void main() { return runApp(_ChartApp()); } class _ChartApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData(primarySwatch: Colors.blue, useMaterial3: false), home: _MyHomePage(), ); } } class _MyHomePage extends StatefulWidget { // ignore: prefer_const_constructors_in_immutables _MyHomePage({super.key}); @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<_MyHomePage> { late SfRangeValues _sfRangeValues; @override void initState() { _sfRangeValues = const SfRangeValues(16, 28); super.initState(); } List<_SalesData> data = [ _SalesData(1, 2), _SalesData(2, 4), _SalesData(3, 8), _SalesData(4, 16), _SalesData(5, 20), _SalesData(6, 24), _SalesData(7, 28), _SalesData(8, 32), _SalesData(9, 36), _SalesData(10, 40) ]; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Syncfusion Flutter chart'), ), body: Center( child: SizedBox( height: 500, child: SfRangeSelectorTheme( data: const SfRangeSelectorThemeData( labelOffset: Offset.zero, ), child: SfRangeSelector( initialValues: _sfRangeValues, max: 40, labelPlacement: LabelPlacement.onTicks, min: 2, showLabels: true, edgeLabelPlacement: EdgeLabelPlacement.inside, showTicks: true, interval: 2, child: SfCartesianChart( margin: EdgeInsets.zero, primaryXAxis: const NumericAxis( isVisible: false, ), primaryYAxis: const NumericAxis( isVisible: false, ), series: <CartesianSeries<_SalesData, double>>[ SplineAreaSeries<_SalesData, double>( dataSource: data, xValueMapper: (_SalesData sales, _) => sales.year, yValueMapper: (_SalesData sales, _) => sales.sales, name: 'Sales', dataLabelSettings: const DataLabelSettings(isVisible: true), ), ], ), ), ), ), ), ); } } class _SalesData { _SalesData(this.year, this.sales); final double year; final double sales; }

Hi, We can use the http (pulse.ly/etuc5aucxo) package to download the image from the URL and draw it on the Pdf page using PdfBitmap. Kindly use the following code snippet for reference, PdfBitmap? image; final response = await http.get(Uri.parse(url)); if (response.statusCode == 200) { image = PdfBitmap(await response.bodyBytes); } if (image != null){ page.graphics.drawImage( image, Rect.fromLTWH( 0, 0, page.getClientSize().width, page.getClientSize().height)); } Kindly use the following sample for reference, pulse.ly/9jatsr2by3 To know more about working with images, kindly refer, to pulse.ly/nxujnjjzz3

Hi, We can use http (pub.dev/packages/http) package to download the image from url and draw in the Pdf page using PdfBitmap. Kindly use the following code snippet for reference, PdfBitmap? image; final response = await http.get(Uri.parse(url)); if (response.statusCode == 200) { image = PdfBitmap(await response.bodyBytes); } if (image != null){ page.graphics.drawImage( image, Rect.fromLTWH( 0, 0, page.getClientSize().width, page.getClientSize().height)); } Kindly use the following sample for reference, www.syncfusion.com/downloads/support/directtrac/general/ze/pdf_demo_sample_18-1866527290.zip To know more about working with image, kindly refer to help.syncfusion.com/flutter/pdf/working-with-images

Hi, Thank you for reaching out to us. 1. Instead of displaying guest user in comments, is it possible to display login user name? Yes, it possible to display login user name in comments. You need to set the currentUser name. <ejs-documenteditorcontainer height="600px" currentUser=”Henry” [serviceUrl]="hostUrl" ejs-documenteditorcontainer> API reference: ej2.syncfusion.com/angular/documentation/api/document-editor-container#currentuser 2. Is there any possibilities we can place properties pane on top instead of right side? Currently, documentEditor doesn't have a built-in option to place the properties pane on top. In order to achieve the requirement in documentEditor, you can turn off the built-in toolbar and properties pane using the below API. And you can add a toolbar with text properties and paragraph properties. ejs-documenteditorcontainer #documenteditor_default [enableToolbar]=false [showPropertiesPane]=false [locale]="culture" (created)="onCreate()" (documentChange)="onDocumentChange()" height="600px" [serviceUrl]="hostUrl" style="display:block;"></ejs-documenteditorcontainer> Please refer to the below UG documentation to add a toolbar with text properties and paragraph properties. ej2.syncfusion.com/angular/documentation/document-editor/text-format#toolbar-with-options-for-text-formatting ej2.syncfusion.com/angular/documentation/document-editor/paragraph-format#toolbar-with-paragraph-formatting-options

Hi, We have considered the reported issue "The quotation is not a working property in the markdown of the Rich Text Editor" as a bug from our end. The fix for the problem will be included in our upcoming first weekly patch release after the Vol 2 2024 Main release. Now you can track the status of the reported issue through this feedback, pulse.ly/q7d9zzrhtt Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”

Hello, Thank you for reaching out to us. 1. Can we disable the new / open buttons on the ribbon. Yes, you can disable the toolbar items using enableItems API in toolbar module. Please refer to the below documentation. pulse.ly/sjbzbooego pulse.ly/yxp46sr9fa 2. Once I click on Save button (outside the doc editor) the file needs to be saved into a path that will be passed as a variable. do we have these config available. In a browser, you can't directly save files to a specific location on the user's file system due to security restrictions. The file will be saved to the Downloads folder or the custom download location as the browser setting. You can save the document as blob using saveAsBlob API. Documentation: pulse.ly/8j6i1pzc3d If you wish to save the file to a particular location, you have the option to export the document in server. Documentation: pulse.ly/tesvo6cwsa

@@SyncfusionInc thank you so much :)

another use case, now if I render this angular app with document editor in an electron application running on desktop, is there a way i can save the word file into a custom location on the desktop.

Hello, The document editor will store the document in the Download folder because of browser security restrictions. You can retrieve the document in blob format by utilizing the saveAsBlob API. If you have access to the file system, you can also save the file to a designated location. Documentation: ej2.syncfusion.com/angular/documentation/document-editor/export#export-as-blob

Hello, The main focus of the webinar is to demonstrate how to perform CRUD operations using the Firebase database. Therefore, we used a localhost app for reference. If you need guidance on deploying the app to Firebase, please refer to the following link: pulse.ly/wmj9vjbodb