Skip to content

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

Merged
merged 1 commit into from
Mar 11, 2024

Conversation

AswiniDileep
Copy link
Contributor

Description

Except Maps added How to section page to all widgets as mentioned below:
Images also need to add properly.

Radial Gauge:

  • Created a "How to" markdown file for Radial Gauge.
  • The markdown file contains step-by-step instructions on adding the Radial Gauge widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Radial Gauge in the Flutter Flow framework.

Linear Gauge:

  • Created a "How to" markdown file for Linear Gauge.
  • The markdown file contains step-by-step instructions on adding the Linear Gauge widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Linear Gauge in the Flutter Flow framework.

Barcodes:

  • Created a "How to" markdown file for Barcodes.
  • The markdown file contains step-by-step instructions on adding the Barcodes widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Barcodes in the Flutter Flow framework.

Slider:

  • Created a "How to" markdown file for Slider.
  • The markdown file contains step-by-step instructions on adding the Slider widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Slider in the Flutter Flow framework.

Range Slider:

  • Created a "How to" markdown file for Range Slider.
  • The markdown file contains step-by-step instructions on adding the Range Slider widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Range Slider in the Flutter Flow framework.

Spark Chart:

  • Created a "How to" markdown file for Spark Chart.
  • The markdown file contains step-by-step instructions on adding the Spark Chart widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Spark Chart in the Flutter Flow framework.

Treemap:

  • Created a "How to" markdown file for Treemap.
  • The markdown file contains step-by-step instructions on adding the Treemap widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Treemap in the Flutter Flow framework.

Calendar:

  • Created a "How to" markdown file for Calendar.
  • The markdown file contains step-by-step instructions on adding the Calendar widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Calendar in the Flutter Flow framework.

Date Range Picker:

  • Created a "How to" markdown file for Date Range Picker.
  • The markdown file contains step-by-step instructions on adding the Date Range Picker widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Date Range Picker in the Flutter Flow framework.

SignaturePad:

  • Created a "How to" markdown file for SignaturePad.
  • The markdown file contains step-by-step instructions on adding the SignaturePad widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the SignaturePad in the Flutter Flow framework.

Cartesian Chart:

  • Created a "How to" markdown file for Cartesian Chart.
  • The markdown file contains step-by-step instructions on adding the Cartesian Chart widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Cartesian Chart in the Flutter Flow framework.

Funnel Chart:

  • Created a "How to" markdown file for Funnel Chart.
  • The markdown file contains step-by-step instructions on adding the Funnel Chart widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Funnel Chart in the Flutter Flow framework.

Pyramid Chart:

  • Created a "How to" markdown file for Pyramid Chart.
  • The markdown file contains step-by-step instructions on adding the Pyramid Chart widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Pyramid Chart in the Flutter Flow framework.

Circular Chart:

  • Created a "How to" markdown file for Circular Chart.
  • The markdown file contains step-by-step instructions on adding the Circular Chart widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Circular Chart in the Flutter Flow framework.

Range Selector:

  • Created a "How to" markdown file for Range Selector.
  • The markdown file contains step-by-step instructions on adding the Range Selector widget in the Flutter Flow framework.
  • Included images illustrating the process of adding the Range Selector in the Flutter Flow framework.

@Syncfusion-CI
Copy link

Build Status: INPROGRESS 🔃
Build Location: FLUT-873260-UG-How-To-Section

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: FLUT-873260-UG-How-To-Section
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
FT Layout Syntax Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0

Copy link
Collaborator

@VijayakumarMariappan VijayakumarMariappan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fine

@VijayakumarMariappan VijayakumarMariappan merged commit 4570c32 into development Mar 11, 2024
@VijayakumarMariappan VijayakumarMariappan deleted the FLUT-873260-UG-How-To-Section branch March 11, 2024 06:40
Copy link

@M-A32 M-A32 left a 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
Copy link

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 `[</>]`.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Click the View Boilerplate Code button on the right side, represented by this icon [</>].


![Code](how-to-section-images/code-snippet.png)

3. Paste the copied code snippet into the code editor, click `Format Code`, and `Save` it.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Paste the copied code sample into the code editor, click Format Code, and Save 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.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. 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
Copy link

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
Copy link

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.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. 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
Copy link

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


![Code](how-to-section-images/code-snippet.png)

3. Paste the copied code snippet into the code editor, click `Format Code`, and `Save` it.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Paste the copied code sample into the code editor, click Format Code, and Save it.

@@ -0,0 +1,80 @@
---
layout: post
title: SignaturePad widget in FlutterFlow | Syncfusion
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants