Add widget rewrites + component migration #39

PoojaB26 · 2024-06-11T12:31:20Z

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-330

Type of change

Typo fix
New feature
Removed outdated references

bolt-new-by-stackblitz · 2024-06-11T12:31:22Z

Run & review this pull request in StackBlitz Codeflow.

pinkeshmars

Hey @PoojaB26 currently I have reviewed widgets under the 'Built-in Components'. Majority are related to fixing links in all pages.

Will add more comments as I review the rest part of this PR :)

pinkeshmars · 2024-06-21T08:25:48Z

docs/ff-concepts/responsiveness/wrap.md

@@ -0,0 +1,2 @@
+
+# Wrap


Nothing here?

pinkeshmars · 2024-06-21T10:24:09Z

docs/resources/ui-building-blocks/components/built-in-components/badge.md

@@ -0,0 +1,279 @@
+
+
+# Badge


Shouldn't this be under the 'Built-in Widgets' section? Also, Barcode, Draggable, Expandable, and so on. I understand that these are not standard Flutter widgets (we might have used a package for these) but putting them under the 'Built-in Components' section might confuse users with the components available while creating a new component.
We can categorize 'Built-in Widgets' section just like we have now like 'Layout Widgets','Base Widgets'... wdyt?

pinkeshmars · 2024-06-21T10:30:32Z

docs/ff-concepts/responsiveness/conditional-builder.md

+8. Now, besides the **THEN**, click **Empty**. This will automatically select the **IF** widget in the widget tree. Inside that, add a widget that you want to display if this condition is true.
+11. To add one more condition-based widget, click on the "+" button, add a condition for the **ELSE IF** section, and add a widget inside the **Else If** widget in the widget tree.
+14. If none of the conditions are satisfied, add a default widget to display inside the **Else** widget.
+17. Use the **Show In UI Builder** option to see that particular widget in the [canvas area](/getting-started/ui-builder/canvas-area). You can see only one widget at a time.


[canvas area] can be linked to existing canvas page.

pinkeshmars · 2024-06-21T10:34:57Z

docs/resources/ui-building-blocks/components/built-in-components/badge.md

+
+To allow/disallows animating badge:
+
+1. Select the **Badge** widget from the widget or the canvas area.


Extra empty line after each step

pinkeshmars · 2024-06-21T10:39:59Z

docs/resources/ui-building-blocks/components/built-in-components/barcode.md

+
+To add a Barcode widget to your app:
+
+1. First, click on the **+ Add Widget**, drag the **Barcode** widget from the **Base Elements** 


Seems like there is unusual space after each step.

pinkeshmars · 2024-06-21T10:52:22Z

docs/resources/ui-building-blocks/components/built-in-components/draggable.md

+5. To ensure that only a plant item is being dropped:
+
+	1. Select the **On Drag Accept** and select **+ Add Conditional Action**.
+	5. From the **set variable** menu, select **Drag Target > Dragged Data**. This captures the data of the draggable item that we added in [step 2](/widgets-and-components/widgets/base-elements/draggable-+-dragtarget#id-2.-add-draggable-widgets).


[step 2] link to the second step here.

'snackbar' message and 'update' link in step 4. We can just replace it with '#'

pinkeshmars · 2024-06-21T10:56:27Z

docs/resources/ui-building-blocks/components/built-in-components/draggable.md

+8. Now, select the **On Drag Exit** andadd an action to [update](/actions/actions/state-management/update-page-state) the `isShelfFull` variable to False. This ensures that if the user decides not to drop the item and moves it away, the shelf image reverts to the empty one.
+
+<details>
+<summary>On Drag Accept</summary>


We can have this under the tab format like this:

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem';

<Tabs><TabItem value="1" label="Apple" default>This is an apple 🍎</TabItem><TabItem value="2" label="Orange">This is an orange 🍊</TabItem></Tabs>

pinkeshmars · 2024-06-21T11:02:54Z

docs/resources/ui-building-blocks/components/built-in-components/expandable.md

@@ -0,0 +1,33 @@
+
+
+# Expandable 


seems like it's WIP

Components are not added to this PR completely, I did whatever I was able to do in the time span. But technically its part of another ticket. https://linear.app/flutterflow/issue/DEVR-403/built-in-components

pinkeshmars · 2024-06-21T11:06:03Z

docs/resources/ui-building-blocks/components/built-in-components/markdown.md

+
+To add a Markdown widget:
+
+1. Open the [Widget Palette](/getting-started/ui-builder/navigation-menu/widget-and-component


[Widget Palette] link in step 1 and properties panel link in step 2

pinkeshmars · 2024-06-21T11:10:40Z

docs/resources/ui-building-blocks/components/built-in-components/sticky-header.md

+
+Here are the steps to build such an example:
+
+2. First, ensure you have a Column widget on a page. if not, add it. Also, make the Column widget **scrollable** and **Primary**.


Steps number starting from '2'.

PoojaB26 · 2024-06-21T11:17:58Z

Hey @PoojaB26 currently I have reviewed widgets under the 'Built-in Components'. Majority are related to fixing links in all pages.

Will add more comments as I review the rest part of this PR :)

For hyperlinks, we have to fix in the entire project because there are bunch of dead or empty links in most sections. We can resolve this as a separate task during the beta testing phase. So you can just review the content, and other stuff in this PR or upcoming PRs. @pinkeshmars

pinkeshmars

Hi @PoojaB26 I have added more comments. Could you please take a look?

docs/resources/ui-building-blocks/widgets/built-in-widgets/container.md

pinkeshmars · 2024-06-24T04:48:46Z

docs/resources/ui-building-blocks/widgets/built-in-widgets/container.md

+- **Offset X & Offset Y:** These properties set the horizontal (X) and vertical (Y) displacement of
+  the shadow relative to the widget. 
+
+  **Offset X** shifts the shadow horizontally, and **Offset Y**


This para can be connected in its own point. (the last point i.e., Offset X & Offset Y:)

What do you mean? Like a header? Sorry didnt get you.

Fixed it directly!

pinkeshmars · 2024-06-24T04:55:25Z

docs/resources/ui-building-blocks/widgets/built-in-widgets/container.md

+  halfway point.
+- The Transition Point for Color 3 is 1, which places the start of this color's transition at the
+  end of the gradient.
+  and choosing from Theme Colors, a color picker, or hex codes.


I think this picture explains it better.

Sorry didnt get you?

Oh, I mean, in the 'Add Color:' point the later part of the description (i.e, after 'by adjusting their transition point...' is placed under the 'The Transition Point for Color 3 is 1...')

Can you fix this directly please? I'm unable to understand :/

docs/resources/ui-building-blocks/widgets/built-in-widgets/container.md

docs/resources/ui-building-blocks/widgets/built-in-widgets/dividers.md

docs/resources/ui-building-blocks/widgets/built-in-widgets/transform.md

docs/resources/ui-building-blocks/widgets/widget-commonalities.md

pinkeshmars · 2024-06-24T11:11:26Z

docs/resources/ui-building-blocks/widgets/widget-configurations.md

@@ -56,14 +56,14 @@ Some of the widgets that can handle multiple children include **Column, Row, Sta
 GridView, and PageView**.


On this page check the 'Widget name' section. Correct the line 'the name appears as ' Container''. Extra space before Container in the quotes.

…tainer.md

…iders.md

…ns.md

…iders.md

…ge.md

…t-grid.md

…se-region.md

…t.md

docs/resources/ui-building-blocks/widgets/built-in-widgets/text.md

…t.md

pinkeshmars · 2024-06-24T11:27:26Z

@PoojaB26 Just FYI a few of them I directly committed. Please take latest :)

PoojaB26 · 2024-07-22T12:43:50Z

@pinkeshmars Addressed comments, and left some notes. please check them soon!

pinkeshmars · 2024-07-23T05:15:05Z

Minor fixes have been pushed. @PoojaB26 this is good to merge now.

Add widget rewrites + component migration

e998240

PoojaB26 added 7 commits June 11, 2024 23:14

Merge branch 'refs/heads/main' into pooja/widgets-3

7dc8646

Add more widgets from old docs

4c01bad

Add component from old docs

451c6df

generate dynamic children doc

799fc36

add container videos

7a3d6a8

Merge branch 'refs/heads/main' into pooja/widgets-3

ae9b517

add container props image

2c028df

PoojaB26 marked this pull request as ready for review June 12, 2024 13:31

github-actions bot requested a review from pinkeshmars June 12, 2024 13:32

pinkeshmars requested changes Jun 21, 2024

View reviewed changes

pinkeshmars requested changes Jun 24, 2024

View reviewed changes

pinkeshmars added 13 commits June 24, 2024 16:46

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/con…

53f1386

…tainer.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/div…

d6c58da

…iders.md

Update docs/resources/ui-building-blocks/widgets/widget-commonalities.md

af7829a

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/ico…

aa8bf41

…ns.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/div…

c6c07de

…iders.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/div…

e53445e

…iders.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/ima…

741a333

…ge.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/lis…

d320f7c

…t-grid.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/lis…

352bdd0

…t-grid.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/mou…

d23a8c0

…se-region.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/mou…

351b44b

…se-region.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/tex…

17e19b8

…t.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/tex…

dea5c48

…t.md

pinkeshmars requested changes Jun 24, 2024

View reviewed changes

pinkeshmars added 2 commits June 24, 2024 16:56

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/tex…

fb057bf

…t.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/tex…

04c5891

…t.md

pinkeshmars added 4 commits June 24, 2024 16:56

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/tex…

d8322dd

…t.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/tex…

98a2a96

…t.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/tex…

1ebe725

…t.md

Update docs/resources/ui-building-blocks/widgets/built-in-widgets/tex…

ffb1ab1

…t.md

PoojaB26 added 2 commits July 22, 2024 17:52

Merge branch 'refs/heads/main' into pooja/widgets-3

5ed7ccb

Address review comments

6ec2267

PoojaB26 and others added 2 commits July 22, 2024 18:29

Address review comments

6cc156d

Minor fixes

6dac4ac

pinkeshmars approved these changes Jul 23, 2024

View reviewed changes

PoojaB26 merged commit de2b71e into main Jul 23, 2024

PoojaB26 deleted the pooja/widgets-3 branch July 23, 2024 06:37


		To allow/disallows animating badge:

		1. Select the Badge widget from the widget or the canvas area.


		To add a Barcode widget to your app:

		1. First, click on the + Add Widget, drag the Barcode widget from the Base Elements


		To add a Markdown widget:

		1. Open the [Widget Palette](/getting-started/ui-builder/navigation-menu/widget-and-component


		Here are the steps to build such an example:

		2. First, ensure you have a Column widget on a page. if not, add it. Also, make the Column widget scrollable and Primary.

		@@ -56,14 +56,14 @@ Some of the widgets that can handle multiple children include **Column, Row, Sta
		GridView, and PageView**.

Add widget rewrites + component migration #39

Add widget rewrites + component migration #39

Uh oh!

Conversation

PoojaB26 commented Jun 11, 2024

Description

Type of change

Uh oh!

bolt-new-by-stackblitz bot commented Jun 11, 2024

Uh oh!

pinkeshmars 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!

PoojaB26 commented Jun 21, 2024

Uh oh!

pinkeshmars left a comment

Choose a reason for hiding this comment

Uh oh!

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!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

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

Uh oh!

Uh oh!

PoojaB26 commented Jul 22, 2024

Uh oh!

pinkeshmars commented Jul 23, 2024

Uh oh!

Uh oh!

pinkeshmars commented Jun 24, 2024 •

edited

Loading