Merge branch 'main' of https://github.com/FlutterFlow/flutterflow-documentation into rewrite/form-triggers

Author: pinkeshmars

docs/ff-concepts/adding-customization/custom-code.md

@@ -14,7 +14,7 @@ While FlutterFlow provides a wide range of pre-built components and functionalit
 times when you need to extend your app with custom logic or UI components that are not available out of the box.
 This is where writing custom code comes into play. 
 
-There are a few different ways to make custom code accessible in FlutterFLow:
+There are a few different ways to make custom code accessible in FlutterFlow:
 
 * **[Custom Functions](custom-functions.md):** Custom Dart functions that can be used to set Widget or Action properties. 
 * **[Custom Actions](custom-actions.md):** Custom Dart functions that can be triggered by [Action Triggers](https://docs.flutterflow.io/resources/functions/action-triggers/) or used as nodes in an [Action Flow](https://docs.flutterflow.io/resources/functions/action-flow-editor#action-flow-editor). These are usually `async` functions and are able to import [custom package dependencies](#adding-a-pubspec-dependency).
@@ -522,4 +522,4 @@ If any project errors related to packages arise, they will be displayed in both
         allow="clipboard-write">
     </iframe>
 </div>
-<p></p>
+<p></p>

docs/ff-concepts/design-system/design-system.md

@@ -731,7 +731,7 @@ Make sure you have the proper rights or licenses to use the icons in your applic
 
 **Steps to Generate and Add Custom Icons**
 
-1. Head over to the [iconmoon](https://icomoon.io/app/#/select).
+1. Head over to the [IcoMoon](https://icomoon.io/app/#/select).
 2. Import your custom icon (.svg) or select from the free icons set.
 3. Select the **Generate Font** tab.
 4. Click on the Settings button (gear icon) beside the download text on the bottom right side.
@@ -836,7 +836,7 @@ If you prefer watching a video tutorial, here is the guide for you:
 
 Creating a theme for widgets ensures that your app looks consistent and has a cohesive design. The Theme widgets can be reused, making it easy to update the styles of your app. If you decide to change any property of the widget, such as color scheme or fonts, you can update the theme widget instead of going through every widget individually. This can save a lot of time and effort, especially in larger projects.
 
-For example, creating theme widgets for different types of buttons such as 'primary_button', 'secondary_button', and 'tertairy_button' with specific attributes like width, color, icon, border radius, and padding. Then, these widgets can be directly added to a page or applied to an existing widget.
+For example, creating theme widgets for different types of buttons such as 'primary_button', 'secondary_button', and 'tertiary_button' with specific attributes like width, color, icon, border radius, and padding. Then, these widgets can be directly added to a page or applied to an existing widget.
 
 ### Adding theme widgets
 
@@ -1000,4 +1000,4 @@ If you prefer watching a video tutorial, here's the one for you:
 <details>
 <summary>How is the theme widget different from creating a template and component?</summary>
 <p>The Theme Widget allows you to customize the visual appearance of a single widget, whereas templates consist of multiple widgets that create a unique UI layout with a specific purpose. On the other hand, components are fully-featured custom widgets that combine multiple widgets and actions to complete a task.</p>
-</details>
+</details>

docs/generated-code/ff-app-state.md

@@ -34,15 +34,14 @@ class FFAppState extends ChangeNotifier {
     notifyListeners();
   }
 
-   // App State variable of primitive type with a getter and setter
-    bool _enableDarkMode = false;
+  // App State variable of primitive type with a getter and setter
+  bool _enableDarkMode = false;
 
-    bool get enableDarkMode => _enableDarkMode;
+  bool get enableDarkMode => _enableDarkMode;
 
-    set enableDarkMode(bool value) {
+  set enableDarkMode(bool value) {
     _enableDarkMode = value;
-   }
-
+  }
 }
 ```
 
@@ -52,7 +51,7 @@ The `_enableDarkMode` is an App State variable created by developer that creates
 When updating an `AppState` variable from the Action Flow Editor, you will be presented with several **[update type](../resources/data-representation/app-state.md#update-type)** options such as **Rebuild All Pages**, **Rebuild Current Page**, and **No Rebuild** in the Action Settings. Let's see how the generated code changes when these options are selected.
 
 ### Rebuild Current Page
-When a developer chooses to update App State with the update type set to **Rebuild Current Page**, the corresponding `setter` is called. Immediately after, `setState((){});` is invoked, which updates only the current page. 
+When a developer chooses to update App State with the update type set to **Rebuild Current Page**, the corresponding `setter` is called. Immediately after, `setState(() {});` is invoked, which updates only the current page. 
 
 Here's an example of the generated code when we update the App State `enableDarkMode` in the `onInitialization` action trigger of the `ProductListPage`.
 
@@ -90,7 +89,7 @@ Only the setter is called with no setState or update method invoked afterward. T
 When you add an [**Update App State**](../resources/data-representation/app-state.md#update-app-state-action) action via the Action Flow Editor, the corresponding pages will include this line within the build method:
 
 ```js
- @override
+@override
 Widget build(BuildContext context) {
     context.watch<FFAppState>();
     ...
@@ -155,4 +154,4 @@ These functions are automatically generated to provide a convenient and consiste
 
 :::info[How to create App State variables]
 To learn more about creating and using App State variables in FlutterFlow's UI, check out the[ **App State**](../resources/data-representation/app-state.md) guide.
-:::
+:::

docs/intro/before-you-begin/app-architecture.md

@@ -22,7 +22,7 @@ This includes:
 
 Backend usually refers to more complex logic and data storage. This includes:
 
-- Setting up a database that is capabale of storing, sending and retrieving data
+- Setting up a database that is capable of storing, sending and retrieving data
 - Leveraging off-the-shelf services, like authentication providers or payment platforms
 - Defining business logic, either by writing code or using a low-code tool
 

docs/intro/ff-ui/dashboard.md

@@ -74,7 +74,7 @@ You can also find links to various resources to assist in building apps with Flu
 - Additionally, ensure that you have added a name to your FlutterFlow profile. The same name will be used for the community forum profile.
 :::
 
-- **URL Access (Only Available for Enterprise Users)**: You can view and copy URLs that need to be whitelisted for FlutterFlow to function correctly in enterprise environments with restricted internet access. Check out docs on **[Whitelisting URLS](../../misc/enterprise-page.md#whitelist-urls)**.
+- **URL Access (Only Available for Enterprise Users)**: You can view and copy URLs that need to be whitelisted for FlutterFlow to function correctly in enterprise environments with restricted internet access. Check out docs on **[Whitelisting URLs](../../misc/enterprise-page.md#whitelist-urls)**.
 
     ![url-access](imgs/url-access-dashboard.avif)
 

docs/intro/ff-ui/storyboard.md

@@ -56,6 +56,6 @@ Watch this video if you prefer watching a video tutorial.
 ## FAQs
 
 <details>
-<summary>I am getting "Error: Unable to initialize Storyboard</summary>
+<summary>I am getting "Error: Unable to initialize Storyboard"</summary>
 <p>This error typically occurs because the initial page has not been set. To resolve this, please set the initial page in the [App Details](../../resources/projects/settings/general-settings.md#app-details) settings of your project.</p>
 </details>

docs/marketplace/creators-hub/submit-item-for-review.md

@@ -20,7 +20,7 @@ Please review our [**Submission Guidelines**](submission-criteria.md) and our [*
 
 ## How to Submit an Item
 
-An item can be an enitre project (in the case of Temlate Apps or Libraries), a page or a component (in the case of Template Page & Components) or a Custom Function, Action or Widget (in the case of Custom Code).
+An item can be an entire project (in the case of Temlate Apps or Libraries), a page or a component (in the case of Template Page & Components) or a Custom Function, Action or Widget (in the case of Custom Code).
 
 ### 1. Set your project as a Marketplace project
 

docs/resources/control-flow/backend-logic/api/rest-api.md

@@ -343,7 +343,7 @@ Let's see how to get the JSON into the Custom Data Type using an example that fe
 Here's how you do it:
 
 1. First, ensure that you [create a custom data type](#create-custom-data-type-matching-to-json-structure) that matches your JSON structure.
-2. Open your API call definition> **Response & Test tab > Response Type >** enablethe **Parse as 
+2. Open your API call definition > **Response & Test tab > Response Type >** enable the **Parse as 
    Data Type**. Select the **Data Type** that you want to convert into. For this example, it's 'AllProducts'.
 
 ![img_1.png](../imgs/img_1.png)
@@ -790,4 +790,4 @@ Why am I getting a “Current variable is not valid” error?
 <p>
 This error typically indicates that the widget isn’t receiving the data type it expects. For example, passing a list of colors directly to a text widget will trigger the error. In such cases, convert or supply the data as a string (or another compatible type) so the widget can properly display it.
 </p>
-</details>
+</details>

docs/resources/projects/libraries.md

@@ -11,7 +11,7 @@ import TabItem from '@theme/TabItem';
 
 # Libraries
 
-Libraries enables you to share and reuse entire FlutterFlow projects as dependencies across multiple projects. This allows teams and developers to modularize their apps by creating shared libraries that include components, API calls, custom code, and more. By using libraries, development becomes more efficient and scalable.
+Libraries enable you to share and reuse entire FlutterFlow projects as dependencies across multiple projects. This allows teams and developers to modularize their apps by creating shared libraries that include components, API calls, custom code, and more. By using libraries, development becomes more efficient and scalable.
 
 :::info
 A **Dependency** refers to an external library or resource that your project relies on to function correctly. When you create a new FlutterFlow project, certain dependencies are automatically added to support the generated code. Also, when you use a [**Custom Widget**](../../ff-concepts/adding-customization/custom-widgets.md), you are essentially adding dependencies to your project. Libraries take this concept further by allowing you to add entire FlutterFlow projects as dependencies.
@@ -386,4 +386,4 @@ We're working on Library Values, which will allow users to set specific values w
 <p>
 Projects can import libraries that themselves have imported other Libraries as dependencies. However, if the project and the library share the same dependency, the version must match exactly to avoid conflicts.
 </p>
-</details>
+</details>