Minor fixes

Author: pinkeshmars

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

@@ -229,7 +229,6 @@ When working with Server Sent Events (SSE) in FlutterFlow, it's essential to und
 
 This field captures the result of JSON parsing. For example:
 
-Copy
 ```
 event: chat
 
@@ -239,7 +238,6 @@ id: 2
 ```
 The Server Sent Event Data JSON would be:
 
-Copy
 ```
 {
   "response": "hello",
@@ -248,7 +246,6 @@ Copy
 ```
 **Note that** If the data is not in JSON format, it will be null:
 
-Copy
 ```
 event: ping
 
@@ -262,7 +259,6 @@ The Server Sent Event Data JSON would be `null`.
 
 This field contains just the text of the "data" field from the SSE. If there are multiple "data" entries, they are concatenated with a new line. For example, from the event:
 
-Copy
 ```
 event: ping
 
@@ -274,7 +270,6 @@ The Server Sent Event Data Text would be: `Server time is 2024-06-28T11:52:56+00
 
 And from the event:
 
-Copy
 ```
 event: journalEntry
 
@@ -286,7 +281,6 @@ id: 3
 ```
 The Server Sent Event Data Text would be:
 
-Copy
 ```
 Today I went to the park.
 
@@ -296,7 +290,6 @@ For Lunch I had a sandwich.
 
 This field contains the text of the "event" field from the SSE. For example:
 
-Copy
 ```
 event: ping
 
@@ -310,7 +303,6 @@ The Server Sent Event Name would be `ping`.
 
 This field contains the text of the "id" field from the SSE, typically used to keep track of the last sent item from the server. For example:
 
-Copy
 ```
 event: ping
 
@@ -328,7 +320,6 @@ This field contains the "retry" field from the SSE, typically used to communicat
 
 This includes the entire Server Sent Event (SSE) message, including new lines and fields ('data', 'event', 'id', 'retry'). For example:
 
-Copy
 ```
 event: ping
 

docs/resources/control-flow/backend-logic/backend-query/algolia-search-query.md

@@ -27,13 +27,13 @@ You will need a text to be used as the **search term** while using the Algolia s
 
 Follow the steps below to create this UI:
 
-1. Drag a `**TextField**` widget from the [Widget Panel]
-(/getting-started/ui-builder/navigation-menu/widget-and-component-panel) and drop it onto the canvas. (In the demo below, the `TextField` is placed inside the `AppBar` of the app).
-5. You can customize the `TextField` properties to match your app's design style. Add a search `Icon` to signify that it's a search field.
-8. Check the **Update Page On Change** checkbox. This helps to update the page as the user types inside the `TextField`. This would be required to use the latest text field value as the search term.
+1. Drag a TextField widget from the [Widget Panel]
+(/getting-started/ui-builder/navigation-menu/widget-and-component-panel) and drop it onto the canvas. (In the demo below, the TextField is placed inside the AppBar of the app).
+5. You can customize the TextField properties to match your app's design style. Add a search Icon to signify that it's a search field.
+8. Check the **Update Page On Change** checkbox. This helps to update the page as the user types inside the TextField. This would be required to use the latest text field value as the search term.
 11. Set an **Update Delay** (in milliseconds). This specifies the amount of time after the user stops typing to update the page.
-14. Now, drag and drop a `**ListView**` widget onto the canvas.
-17. Similarly, you can add widgets inside the `ListView` that you need for displaying the search result. (In the following demo, you will find that two `Text` widgets are added inside a `Column`).
+14. Now, drag and drop a ListView widget onto the canvas.
+17. Similarly, you can add widgets inside the ListView that you need for displaying the search result. (In the following demo, you will find that two Text widgets are added inside a Column).
 
 <div style={{
     position: 'relative',
@@ -73,7 +73,7 @@ apply the query on the `ListView` widget.
 8. Select the **Query Type** as ***Algolia Search***.
 11. Choose the **Firebase Collection** on which to perform the search.
 14. Define from where to get the **Search Term**. You can either choose ***Specific Value*** or ***From Variable***. If you want to use a `TextField` value as the search term, you should choose *From Variable*.
-17. If you have chosen ***Specific Value****,*define the term inside the field present.
+17. If you have chosen **Specific Value**,define the term inside the field present.
 20. If you have chosen ***From Variable***, select a **Source** from the dropdown menu and then select an option from the **Available Options**. For example, if you want to use the value of a `TextField`, select the Source as ***Widget State*** and choose the field name under Available Options.
 23. Set the number of maximum search results to fetch under **Max Results**. Keep this field blank if you want to fetch all the matching search results.
 

docs/resources/control-flow/backend-logic/backend-query/backend-query.md

@@ -64,12 +64,12 @@ While the backend query is busy retrieving results, it shows the default *Projec
 To change the loading indicator:
 
 1. Ensure you have added a backend query.
-5. Open the **Backend Query** section (on the right side) and scroll down to the **Backend Query Loading Widget**. Open it by clicking on the arrow icon.
-8. Set the **Loading Widget Type** to **Image**. You can also choose a [**Component**](/widgets-and-components/custom-components) if you have already designed a loading component.
-11. Enable the **View in UI Builder**. This allows you to see your custom loading indicator on canvas (before you actually run the app).
-14. Choose the **Image Type**, [add the image](/widgets-and-components/widgets/widget-commonalities#changing-image-type), and adjust its **Padding** and **Width**.
-17. To show the indicator in the center, turn on the **Center Image** toggle.
-20. Run the app, and your custom loading indicator will appear while the data is being loaded.
+2. Open the **Backend Query** section (on the right side) and scroll down to the **Backend Query Loading Widget**. Open it by clicking on the arrow icon.
+3. Set the **Loading Widget Type** to **Image**. You can also choose a [**Component**](/widgets-and-components/custom-components) if you have already designed a loading component.
+4. Enable the **View in UI Builder**. This allows you to see your custom loading indicator on canvas (before you actually run the app).
+5. Choose the **Image Type**, [add the image](/widgets-and-components/widgets/widget-commonalities#changing-image-type), and adjust its **Padding** and **Width**.
+6. To show the indicator in the center, turn on the **Center Image** toggle.
+7. Run the app, and your custom loading indicator will appear while the data is being loaded.
 
 <div class="video-container"><iframe src="https://www.loom.
 com/embed/342529d978644aabac485e518eff4a76?sid=83c5d7c7-1a94-44c0-aec4-12786f768b2c" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
@@ -110,11 +110,11 @@ The *Empty List* widget is a widget used to display a message when there are no
 
 To display the empty list widget:
 
-2. Ensure you have added a backend query on any scrollable widget, such as [ListView](/widgets-and-components/widgets/layout-elements/listview), [GridView](/widgets-and-components/widgets/layout-elements/gridview), [Column](/widgets-and-components/widgets/layout-elements/columns), [Row](/widgets-and-components/widgets/layout-elements/row), DataTable, and [StaggeredView](/widgets-and-components/widgets/layout-elements/staggeredview).
-5. Select the scrollable widget (on which you have added the backend query), move to the properties panel, and turn on the **Show Empty List Widget**.
-8. Set **Widget Type** to **Image** or **Component**. The further options are available based on what you choose.
-11. Try toggling the **View in UI Builder**. This allows you to see your empty list widget on canvas (before you actually run the app).
-14. You can also control the size and centering of the widget using the available options.
+1. Ensure you have added a backend query on any scrollable widget, such as [ListView](/widgets-and-components/widgets/layout-elements/listview), [GridView](/widgets-and-components/widgets/layout-elements/gridview), [Column](/widgets-and-components/widgets/layout-elements/columns), [Row](/widgets-and-components/widgets/layout-elements/row), DataTable, and [StaggeredView](/widgets-and-components/widgets/layout-elements/staggeredview).
+2. Select the scrollable widget (on which you have added the backend query), move to the properties panel, and turn on the **Show Empty List Widget**.
+3. Set **Widget Type** to **Image** or **Component**. The further options are available based on what you choose.
+4. Try toggling the **View in UI Builder**. This allows you to see your empty list widget on canvas (before you actually run the app).
+5. You can also control the size and centering of the widget using the available options.
 
 <div class="video-container"><iframe src="https://www.loom.
 com/embed/667ed7fd6cdd40b7b602dcae6000f151?sid=8e5a3e88-6b32-4bf9-b156-372b297be16a" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>

docs/resources/control-flow/backend-logic/backend-query/sqlite-query.md

@@ -39,9 +39,9 @@ com/embed/29001cdee28d4d058dd711b3bbb70b7e?sid=d5be04cc-1ce3-4f16-98e1-5b929c0f6
 
 Once you have the SQLite query defined, you can use the data retrieved from the query to display on widgets present inside. Follow the steps below:
 
-2. Select the **widget** (e.g., `Text`) on which you want to display the data.
-5. From the [Properties Panel](/getting-started/ui-builder/properties-panel), open the **Set from Variable** menu **>** select **[your query name] Row** **>** select the column data that you want display here.
-8. Click **Confirm**.
+1. Select the **widget** (e.g., `Text`) on which you want to display the data.
+2. From the [Properties Panel](/getting-started/ui-builder/properties-panel), open the **Set from Variable** menu **>** select **[your query name] Row** **>** select the column data that you want display here.
+3. Click **Confirm**.
 
 <div class="video-container"><iframe src="https://www.loom.
 com/embed/1cf9df4d871948c1b6513587c05d9040?sid=c77df270-a91b-40da-b796-05f243ae9d15" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>