Pinkesh/migrate remaining components #96

pinkeshmars · 2024-08-05T11:12:03Z

Description

Provide a brief overview of what this documentation update is about. Explain what sections or topics are being added or revised.

Linear ticket and magic word Fixes DEVR-569

Type of change

bolt-new-by-stackblitz · 2024-08-05T11:12:06Z

Run & review this pull request in StackBlitz Codeflow.

PoojaB26 · 2024-08-05T18:40:15Z

@pinkeshmars Please do one more thing in this PR or whenever you migrate an old topic:
To ensure these links are redirected from old urls: please go through firebase.json file, look for the old URL and then replace "/" with the new URL (public URL).

…umentation into pinkesh/migrate-remaining-components

PoojaB26

Did a quick review of just the text! Will do another review once you complete the PR.

PoojaB26 · 2024-08-06T06:08:01Z

docs/resources/ui/components/built-in-components/color-picker.md

+---
+slug: color-picker
+title: Color Picker
+tags: [Actions, Components]


Add the tag for widget category (like Base Elements or Layout Elements) so they can be grouped together in the generated tag page.

Color picker is available as an action only, so added 'Actions' tag. It doesn't fall under any widget category by default.

PoojaB26 · 2024-08-06T06:08:36Z

docs/resources/ui/components/built-in-components/datetime-picker.md

+---
+slug: datetime-picker
+title: DateTime Picker
+tags: [Actions, Components]


Same comment as color picker.

Again, this is available as action only.

PoojaB26 · 2024-08-06T06:09:06Z

docs/resources/ui/components/built-in-components/flippablecard.md

+---
+slug: flippable-card
+title: Flippable Card
+tags: [Layout Elements, Components]


Ensure this is under Layout Elements in widget builder.

Yes, it is.

PoojaB26 · 2024-08-06T06:12:22Z

docs/resources/ui/widgets/built-in-widgets/list-grid.md

@@ -230,7 +232,20 @@ GridView provides a two-dimensional array of children. It is the widget of choic

 Like ListView, GridView only renders the visible items, making it efficient for displaying large collections of elements. GridView supports multiple configurations for column count, spacing, aspect ratio, and scroll directions, offering robust customization options for diverse layout needs.

+:::info
+GridView and StaggeredView are almost similar widgets in FlutterFlow, with the primary difference being that StaggeredView is typically used to create a layout similar to the Pinterest app and has fewer properties than GridView.


Pinterest example should be added as an example at the end and not as part of the description as people may not know Pinterest app that well. You should talk about how StaggeredView is different from Grid View in terms of fixed vs unfixed size of children, and any other major differences. And then add an additional point about the Pinterest app example.

Good point! Updated.

PoojaB26 · 2024-08-06T06:14:16Z

docs/resources/control-flow/user-interactivity/forms/form-widgets/checkbox.md

@@ -0,0 +1,527 @@
+---
+slug: /resources/forms/checkbox
+title: Checkboxes


Just Checkbox

PoojaB26 · 2024-08-06T06:14:43Z

docs/resources/control-flow/user-interactivity/forms/form-widgets/checkbox.md

+description: Learn how to add Checkbox, CheckboxGroup, and CheckboxListTile widget in your FlutterFlow app.
+sidebar_position: 3
+---
+# Checkboxes


Just Checkbox

To differentiate just say Checkbox Widgets here on the title and then Checkbox later as h2

PoojaB26 · 2024-08-06T06:17:50Z

docs/resources/control-flow/user-interactivity/forms/form-widgets/checkbox.md

+sidebar_position: 3
+---
+# Checkboxes
+In FlutterFlow, checkboxes are versatile input widgets used to capture binary choices from users, such as true/false or yes/no options. They are ideal for situations where you need to present users with options that can be individually selected or deselected. FlutterFlow provides three primary checkbox widgets: [**Checkbox**](#checkbox), [**CheckboxListTile**](#checkboxlisttile), and [**CheckboxGroup**](#CheckboxGroup). Each of these widgets offers distinct features and use cases, making it easy to tailor your app's interface to your specific needs.


Suggested change

In FlutterFlow, checkboxes are versatile input widgets used to capture binary choices from users, such as true/false or yes/no options. They are ideal for situations where you need to present users with options that can be individually selected or deselected. FlutterFlow provides three primary checkbox widgets: [**Checkbox**](#checkbox), [**CheckboxListTile**](#checkboxlisttile), and [**CheckboxGroup**](#CheckboxGroup). Each of these widgets offers distinct features and use cases, making it easy to tailor your app's interface to your specific needs.

In FlutterFlow, a checkbox is a versatile input widget used to capture binary choices from users, such as true/false or yes/no options. It is ideal for situations where you need to present users with options that can be individually selected or deselected. FlutterFlow provides three primary variations of the checkbox widget: [**Checkbox**](#checkbox), [**CheckboxListTile**](#checkboxlisttile), and [**CheckboxGroup**](#CheckboxGroup). Each of these widgets offers distinct features and use cases, making it easy to tailor your app's interface to your specific needs.

PoojaB26 · 2024-08-06T06:21:23Z

docs/resources/control-flow/user-interactivity/forms/form-widgets/checkbox.md

+
+The **CheckboxGroup** widget allows you to present a group of checkboxes as a single entity. This is particularly useful when you want users to select multiple options from a list. Each checkbox within the group can be checked or unchecked independently of the others.
+
+:::tip[Widget State]


This should be added to the top of page as all the widgets here have a widget state. Add them before talking about the variations in details.

Thanks for catching!

PoojaB26 · 2024-08-06T06:22:36Z

docs/resources/control-flow/user-interactivity/forms/forms.md

@@ -12,5 +12,5 @@ sidebar_position: 0
 Forms are a fundamental part of many applications, serving as the primary method for users to input and submit data. Whether you're building a simple contact form or a complex multi-step survey, FlutterFlow provides a comprehensive set of tools to create, validate, and manage forms effectively.

 :::tip
-In this section, you'll learn how to add form widgets such as [**TextField**](form-widgets/text-field.md), [**Dropdown**](form-widgets/dropdown.md), [**RadioButton**](form-widgets/radiobutton.md), [**CheckboxGroup**](form-widgets/checkbox-group.md) and add [**Validations**](form-validation.md) and [**set**](form-actions/set-form-field.md)/[**reset**](form-actions/reset-form-field.md) actions on these widgets.
+In this section, you'll learn how to add form widgets such as [**TextField**](form-widgets/text-field.md), [**Dropdown**](form-widgets/dropdown.md), [**RadioButton**](form-widgets/radiobutton.md), [**CheckboxGroup**](form-widgets/checkbox.md) and add [**Validations**](form-validation.md) and [**set**](form-actions/set-form-field.md)/[**reset**](form-actions/reset-form-field.md) actions on these widgets.


Suggested change

In this section, you'll learn how to add form widgets such as [**TextField**](form-widgets/text-field.md), [**Dropdown**](form-widgets/dropdown.md), [**RadioButton**](form-widgets/radiobutton.md), [**CheckboxGroup**](form-widgets/checkbox.md) and add [**Validations**](form-validation.md) and [**set**](form-actions/set-form-field.md)/[**reset**](form-actions/reset-form-field.md) actions on these widgets.

In this section, you'll learn how to add form widgets such as [**TextField**](form-widgets/text-field.md), [**Dropdown**](form-widgets/dropdown.md), [**RadioButton**](form-widgets/radiobutton.md), [**Checkbox Widgets**](form-widgets/checkbox.md) and add [**Validations**](form-validation.md) and [**set**](form-actions/set-form-field.md)/[**reset**](form-actions/reset-form-field.md) actions on these widgets.

pinkeshmars · 2024-08-06T11:33:41Z

Hey @PoojaB26 This PR is complete (except chat + group chat) and the review comments given so far are addressed.

…ches.

PoojaB26 · 2024-08-06T19:56:39Z

@pinkeshmars One big change I did in this PR is create a new file under Functions/Actions called Utility Actions and add both color picker and date picker there. In the future, we may wanna add things like "copy to clipboard" or other non-UI utlity actions there as well.

pinkeshmars added 6 commits August 5, 2024 11:33

Added date picker

aaae053

Added color picker

db6924d

Added scan bar code qr code

b2261c8

Added signature widget

b9b216c

Added flippable card widget

8807c76

tag correction

385bb1f

pinkeshmars requested a review from PoojaB26 August 5, 2024 11:12

github-actions bot requested a review from leighajarett August 5, 2024 11:12

PoojaB26 removed the request for review from leighajarett August 5, 2024 18:40

pinkeshmars added 2 commits August 6, 2024 09:33

Merge branch 'main' of https://github.com/FlutterFlow/flutterflow-doc…

fc79026

…umentation into pinkesh/migrate-remaining-components

Added checkbox, checkbox list tile and checkbox group in single page

9dec7bb

PoojaB26 requested changes Aug 6, 2024

View reviewed changes

pinkeshmars added 4 commits August 6, 2024 15:58

Added switch and switch list tile

9d594d1

Added redirects

e2c2b2b

Address comments

8dffa23

Switches to Switch

4a0d785

PoojaB26 added 2 commits August 7, 2024 01:18

Add StaggeredView as a separate header so it can be picked up by sear…

4e568f3

…ches.

Move no-ui actions to utility actions [new page]

0d453f5

PoojaB26 approved these changes Aug 6, 2024

View reviewed changes

PoojaB26 merged commit 1e5b147 into main Aug 6, 2024

PoojaB26 deleted the pinkesh/migrate-remaining-components branch August 6, 2024 19:55


		The CheckboxGroup widget allows you to present a group of checkboxes as a single entity. This is particularly useful when you want users to select multiple options from a list. Each checkbox within the group can be checked or unchecked independently of the others.

		:::tip[Widget State]

Pinkesh/migrate remaining components #96

Pinkesh/migrate remaining components #96

Uh oh!

Conversation

pinkeshmars commented Aug 5, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Type of change

Uh oh!

bolt-new-by-stackblitz bot commented Aug 5, 2024

Uh oh!

PoojaB26 commented Aug 5, 2024

Uh oh!

PoojaB26 left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

pinkeshmars commented Aug 6, 2024

Uh oh!

PoojaB26 commented Aug 6, 2024

Uh oh!

Uh oh!

pinkeshmars commented Aug 5, 2024 •

edited

Loading