-
Notifications
You must be signed in to change notification settings - Fork 43
FLUT-873260 - [documentation] Added How to section to widgets #791
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
FLUT-873260 - [documentation] Added How to section to widgets #791
Conversation
Build Status: INPROGRESS 🔃 |
CI Status: SUCCESS ✅ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fine
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I have completed the review.
@@ -0,0 +1,80 @@ | |||
--- | |||
layout: post | |||
title: DateRangePicker widget in FlutterFlow framework | Syncfusion |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: DateRangePicker Widget in FlutterFlow Framework | Syncfusion
1. Navigate to the `Custom Code` section in the left side navigation menu. | ||
2. Click on the `+ Add` button to open a dropdown menu. From there, select `Widget`. | ||
3. Update the widget name as desired. | ||
4. Click on the `View Boilerplate Code` button on the right side, represented by this icon `[</>]`. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Click the
View Boilerplate Code
button on the right side, represented by this icon[</>]
.
|
||
 | ||
|
||
3. Paste the copied code snippet into the code editor, click `Format Code`, and `Save` it. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Paste the copied code sample into the code editor, click
Format Code
, andSave
it.
|
||
1. Navigate to `Widget Palette` located in the left side navigation menu. | ||
2. Click on the `Componenets` tab. | ||
3. Under `Custom Code Widgets`, your custom widget will be there. Now, the custom widget can be added to your page by drag-and-drop. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Your custom widget will be under the
Custom Code Widgets
. Drag and drop the custom widget to your page.
@@ -0,0 +1,80 @@ | |||
--- | |||
layout: post | |||
title: Barcodes widget in FlutterFlow | Syncfusion |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: Barcodes Widget in FlutterFlow | Syncfusion
@@ -0,0 +1,80 @@ | |||
--- | |||
layout: post | |||
title: Spark Chart widget in FlutterFlow | Sparkline | Syncfusion |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: Spark Chart Widget in FlutterFlow | Sparkline | Syncfusion
|
||
1. Navigate to `Widget Palette` located in the left side navigation menu. | ||
2. Click on the `Componenets` tab. | ||
3. Under `Custom Code Widgets`, your custom widget will be there. Now, the custom widget can be added to your page by drag-and-drop. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Your custom widget will be under
Custom Code Widgets
. Drag and drop the custom widget to your page.
@@ -0,0 +1,80 @@ | |||
--- | |||
layout: post | |||
title: Slider widget in FlutterFlow | Syncfusion |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: Slider Widget in FlutterFlow | Syncfusion
|
||
 | ||
|
||
3. Paste the copied code snippet into the code editor, click `Format Code`, and `Save` it. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Paste the copied code sample into the code editor, click
Format Code
, andSave
it.
@@ -0,0 +1,80 @@ | |||
--- | |||
layout: post | |||
title: SignaturePad widget in FlutterFlow | Syncfusion |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
title: SignaturePad Widget in FlutterFlow | Syncfusion
Description
Except Maps added How to section page to all widgets as mentioned below:
Images also need to add properly.
Radial Gauge:
Linear Gauge:
Barcodes:
Slider:
Range Slider:
Spark Chart:
Treemap:
Calendar:
Date Range Picker:
SignaturePad:
Cartesian Chart:
Funnel Chart:
Pyramid Chart:
Circular Chart:
Range Selector: