FlutterFlow · mrdavidorok · Jun 3, 2025
diff --git a/docs/troubleshooting/assets/20250430121118024255.png b/docs/troubleshooting/assets/20250430121118024255.png
diff --git a/docs/troubleshooting/assets/20250430121118320891.png b/docs/troubleshooting/assets/20250430121118320891.png
diff --git a/docs/troubleshooting/assets/20250430121118592064.png b/docs/troubleshooting/assets/20250430121118592064.png
diff --git a/docs/troubleshooting/assets/20250430121203371000.png b/docs/troubleshooting/assets/20250430121203371000.png
diff --git a/docs/troubleshooting/assets/20250430121203619318.png b/docs/troubleshooting/assets/20250430121203619318.png
diff --git a/docs/troubleshooting/assets/20250430121203911156.png b/docs/troubleshooting/assets/20250430121203911156.png
diff --git a/docs/troubleshooting/assets/20250430121219360101.png b/docs/troubleshooting/assets/20250430121219360101.png
diff --git a/docs/troubleshooting/assets/20250430121219606895.png b/docs/troubleshooting/assets/20250430121219606895.png
diff --git a/docs/troubleshooting/assets/20250430121219871237.png b/docs/troubleshooting/assets/20250430121219871237.png
diff --git a/docs/troubleshooting/assets/20250430121220084430.png b/docs/troubleshooting/assets/20250430121220084430.png
diff --git a/docs/troubleshooting/assets/20250430121220338400.png b/docs/troubleshooting/assets/20250430121220338400.png
diff --git a/docs/troubleshooting/assets/20250430121224235710.png b/docs/troubleshooting/assets/20250430121224235710.png
diff --git a/docs/troubleshooting/assets/20250430121224547832.png b/docs/troubleshooting/assets/20250430121224547832.png
diff --git a/docs/troubleshooting/assets/20250430121224874215.png b/docs/troubleshooting/assets/20250430121224874215.png
diff --git a/docs/troubleshooting/assets/20250430121304770472.png b/docs/troubleshooting/assets/20250430121304770472.png
diff --git a/docs/troubleshooting/assets/20250430121305056379.png b/docs/troubleshooting/assets/20250430121305056379.png
diff --git a/docs/troubleshooting/assets/20250430121305295728.png b/docs/troubleshooting/assets/20250430121305295728.png
diff --git a/docs/troubleshooting/assets/20250430121305526883.png b/docs/troubleshooting/assets/20250430121305526883.png
diff --git a/docs/troubleshooting/assets/20250430121305771267.png b/docs/troubleshooting/assets/20250430121305771267.png
diff --git a/docs/troubleshooting/assets/20250430121306066982.png b/docs/troubleshooting/assets/20250430121306066982.png
diff --git a/docs/troubleshooting/assets/20250430121306294908.png b/docs/troubleshooting/assets/20250430121306294908.png
diff --git a/docs/troubleshooting/assets/20250430121306553330.png b/docs/troubleshooting/assets/20250430121306553330.png
diff --git a/docs/troubleshooting/assets/20250430121306835223.png b/docs/troubleshooting/assets/20250430121306835223.png
diff --git a/docs/troubleshooting/assets/20250430121309740417.png b/docs/troubleshooting/assets/20250430121309740417.png
diff --git a/docs/troubleshooting/assets/20250430121310019673.png b/docs/troubleshooting/assets/20250430121310019673.png
diff --git a/docs/troubleshooting/assets/20250430121310317285.png b/docs/troubleshooting/assets/20250430121310317285.png
diff --git a/docs/troubleshooting/assets/20250430121310619096.png b/docs/troubleshooting/assets/20250430121310619096.png
diff --git a/docs/troubleshooting/assets/20250430121310959552.png b/docs/troubleshooting/assets/20250430121310959552.png
diff --git a/docs/troubleshooting/assets/20250430121357585709.png b/docs/troubleshooting/assets/20250430121357585709.png
diff --git a/docs/troubleshooting/assets/20250430121357870887.png b/docs/troubleshooting/assets/20250430121357870887.png
diff --git a/docs/troubleshooting/assets/20250430121507937548.png b/docs/troubleshooting/assets/20250430121507937548.png
diff --git a/docs/troubleshooting/assets/20250430121508288240.png b/docs/troubleshooting/assets/20250430121508288240.png
diff --git a/docs/troubleshooting/assets/20250430121508604665.png b/docs/troubleshooting/assets/20250430121508604665.png
diff --git a/docs/troubleshooting/assets/20250430121508962664.png b/docs/troubleshooting/assets/20250430121508962664.png
diff --git a/docs/troubleshooting/assets/20250430121517855306.png b/docs/troubleshooting/assets/20250430121517855306.png
diff --git a/docs/troubleshooting/assets/20250430121518159572.png b/docs/troubleshooting/assets/20250430121518159572.png
diff --git a/docs/troubleshooting/assets/20250430121518370897.png b/docs/troubleshooting/assets/20250430121518370897.png
diff --git a/docs/troubleshooting/assets/20250430121518594245.png b/docs/troubleshooting/assets/20250430121518594245.png
diff --git a/docs/troubleshooting/firebase-issues/_category_.json b/docs/troubleshooting/firebase-issues/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Firebase Issues"
+}
diff --git a/...irebase-issues/content_manager_error_error_updating_firestore_security_rules.md b/...irebase-issues/content_manager_error_error_updating_firestore_security_rules.md
@@ -0,0 +1,81 @@
+---
+keywords: ['security', 'error', 'firebase', 'permissions']
+slug: /content-manager-error-error-updating-firestore-security-rules
+title: 'Content Manager Error: Error Updating Firestore Security Rules'
+---
+
+# Content Manager Error: Error Updating Firestore Security Rules
+
+## Issue
+This error may appear when attempting to use the FlutterFlow Content Management System (CMS):
+
+```
+Error updating Firestore Security Rules... 
+Make sure you set up Firebase for your project under "Settings" &gt; "Firebase".
+```
+
+
+![](../assets/20250430121517855306.png)
+
+## Why This Error Appears
+This error occurs when Firebase permissions have not been configured correctly. Fortunately, this can be resolved easily by following the steps below:
+
+### Ensure Email Sign-In Is Enabled
+    Open the Firebase console, and click on **Authentication** (in the left side menu).
+
+- Click on the **Get started** button.
+
+- Select the **Sign-in method** tab.
+
+- Check to see if you see Email/Password with that is turned on with a green check **Enabled**:
+
+![](../assets/20250430121518159572.png)
+
+:::note
+If you don't see this, you will need to use these instructions to turn on email sign-in.
+:::
+
+### Ensure Required Cloud Permissions Are Added
+To enable push notifications, the following cloud permissions must be granted to firebase@flutterflow.io:
+
+- Editor
+
+- Cloud Functions Admin
+
+- Service Account
+
+### Steps: 
+- Head to the Firebase Console and open the project dashboard for your project (click the project tile). 
+
+- Select Project Settings &gt; Users &amp; Permissions.
+
+
+:::info
+- If these roles are not listed next to firebase@flutterflow.io, the setup is incomplete.
+- If you don't have Cloud Functions Admin, Editor, and Service Account listed next to firebase@flutterflow.io, you have not completed this step.
+:::
+
+
+
+![](../assets/20250430121518370897.png)
+
+## Instructions on how to add the required cloud permissions to your project.
+
+- ### Update Your Firebase Rules
+
+    From within your FlutterFlow project, select **Firestore** &gt; **Settings** &gt; Scroll down to **Firestore Rules** &gt; select **Deploy/Redploy**.
+
+![](../assets/20250430121518594245.png) 
+
+- ### Ensure Firebase Schema Is Defined
+
+    Ensure you have defined the fields in your Firebase schema. Only fields defined in your Firebase schema are shown in the Firebase Content Manager.
+
+- ### Ensure you are using the latest version of FlutterFlow
+
+    To upgrade to the latest version of FlutterFlow select `Ctrl + R` on Windows or `Cmd + R` on Mac.
+
+After all this is done, clear your browser cache and log out/in to FlutterFlow. If the above wasn't helpful full please make sure you check this Link as well.
+
+## Create Permissions From Scratch
+If all previous steps have been completed and the issue continues, remove existing permissions and complete a fresh setup. Refer to the FlutterFlow documentation for a step-by-step guide.
diff --git a/...firebase-issues/email_client_access_to_your_cloud_firestore_database_expired.md b/...firebase-issues/email_client_access_to_your_cloud_firestore_database_expired.md
@@ -0,0 +1,37 @@
+---
+keywords: ['database', 'firebase', 'client']
+slug: /email-client-access-to-your-cloud-firestore-database-expired
+title: 'Email: Client access to your Cloud Firestore database expired'
+---
+# Email: Client access to your Cloud Firestore database expired
+
+## Background
+You've received an email from the Firebase that "Client access to your Cloud Firestore database expired"
+
+### Why Am I Seeing This Message?
+
+When the user enables the cloud firestore, there are two rules to select in order to get started:  
+
+![](../assets/20250430121224235710.png)
+
+1. Test Mode (Time bounded)
+2. Production Mode (Not Time bounded but secured at the start)
+
+Usually, the user selects the Test Mode and the Firestore works fine, but after the time has been completed the client access get expired. To keep using Firestore user must update the rules by using either of the solutions below.
+
+
+### Manage the Firestore Rules directly from FlutterFlow
+Head over to this article to see step by steps instructions about how to Manage the Firestore Rules directly from FlutterFlow.
+
+### Manually update the Firestore Rules from Firebase
+In order to keep using Firestore, User should head over to the **Firebase Firestore** section and select **Rules**. Here we can see our previously defined rules, We have **two options** here, any of these options will solve the problem.
+
+- Update the timestamp date to a future date if you still want to keep it in test mode.
+
+    ![](../assets/20250430121224547832.png)
+
+- Update the rules with some conditions in your database to make it secure.
+
+    ![](../assets/20250430121224874215.png)
+
+After applying this solution, your problem should be resolved, if the problem still persists, feel free to contact us at support@flutterflow.io
diff --git a/...irebase_storage_section_is_missing_from_firebase_settings_tab_in_flutterflow.md b/...irebase_storage_section_is_missing_from_firebase_settings_tab_in_flutterflow.md
@@ -0,0 +1,36 @@
+---
+keywords: ['storage', 'firebase', 'missing']
+slug: /firebase-storage-section-is-missing-from-firebase-settings-tab-in-flutterflow
+title: Firebase Storage Section is missing from Firebase Settings Tab In FlutterFlow
+---
+# Firebase Storage Section is missing from Firebase Settings Tab In FlutterFlow
+
+## Issue: 
+
+You are trying to set up Firebase Storage in your FlutterFlow Firebase Settings, but you don't see the Firebase Storage Option (example below).
+
+The Firebase Storage tab is not visible because you have not yet set up storage inside the Firebase Console.
+
+![](../assets/20250430121309740417.png)
+
+## Solution 
+
+1. Select **Open Firebase Console** from inside your FlutterFlow project
+
+![](../assets/20250430121310019673.png)
+
+2. In the build menu in your Firebase project, click on **Storage**
+
+![](../assets/20250430121310317285.png)
+
+3. Click **Get Started** and complete storage setup.
+
+![](../assets/20250430121310619096.png)
+
+After you successfully created your storage bucket, you can go to the FlutterFlow project and see the rules option.
+
+:::note
+After creating Storage it may take up to an hour for this to reflect in your FlutterFlow project.
+:::
+
+![](../assets/20250430121310959552.png)
diff --git a/...oubleshooting/firebase-issues/get_the_sum_of_firebase_document_or_api_values.md b/...oubleshooting/firebase-issues/get_the_sum_of_firebase_document_or_api_values.md
@@ -0,0 +1,43 @@
+---
+keywords: ['firebase', 'api', 'document']
+slug: /get-the-sum-of-firebase-document-or-api-values
+title: Get the Sum of Firebase Document or API Values
+---
+# Get the Sum of Firebase Document or API Values
+
+Sometimes, when working with databases, you might need to calculate the total of all values for a certain item or category. This is especially common when using APIs or working with Firebase. If you're looking to add up values from a database, this easy-to-follow guide is for you. 
+
+## Steps to Get the Sum of Firebase Document or API Values
+
+Follow this simple steps below:
+
+
+### Step 1: Identify Where You Need the Total
+
+First, decide where in your code you need to display the total sum. This could be a text field or a variable in your code where the final sum will be shown.
+
+![](../assets/20250430121219360101.png)
+
+### Step 2: Prepare Your Data Type
+
+Next, you need to specify what kind of data you're adding up. For example, if you're working with numbers with decimal points, you'll classify your data as `double`. Make sure to indicate that you're dealing with a list of these values.
+
+![](../assets/20250430121219606895.png)
+
+### Step 3: Select Your Data
+
+Now, choose the specific data you want to sum up. You do this by picking out the documents from your database query and then mapping out the exact data field you're interested in.
+
+![](../assets/20250430121219871237.png)
+
+### Step 4: Calculate the Sum
+
+With your list of values ready, store them in a variable (let's call it `var1`). Then, decide on the format you want for your result. Use the `reduce` function to add up all the values in your list, `var1`, to get your total sum.
+
+![](../assets/20250430121220084430.png)
+
+### Step 5: Checking Your Results
+
+After completing these steps, you should have the total sum displayed where you need it. If it looks right, you've successfully calculated the sum!
+
+![](../assets/20250430121220338400.png)
diff --git a/docs/troubleshooting/firebase-issues/how_to_configure_cors_in_firebase_storage.md b/docs/troubleshooting/firebase-issues/how_to_configure_cors_in_firebase_storage.md
@@ -0,0 +1,68 @@
+---
+keywords: ['storage', 'firebase', 'cors']
+slug: /how-to-configure-cors-in-firebase-storage
+title: How to Configure CORS in Firebase Storage
+---
+# How to Configure CORS in Firebase Storage
+
+When you deploy your web app to a custom domain, the domain and the Firebase Storage bucket are hosted on different servers. This means that the browser will block requests to the Firebase Storage bucket from your web app, because the origins (the domains and ports) of the two servers are different.
+
+## What is CORS?
+
+CORS stands for **Cross-Origin Resource Sharing**. It allows you to specify which origins are allowed to access your resources. By configuring CORS, you can tell the browser that your web app is allowed to make requests to the Firebase Storage bucket, even though the two servers are hosted on different domains.
+
+## How to configure CORS in Firebase Storage
+
+In Firebase Storage, you can configure CORS by creating a `cors.json` file in your bucket. This file contains a list of origins that are allowed to access your resources.
+
+To create a `cors.json` file, follow these steps:
+
+- Go to the Google Cloud Console: https://console.cloud.google.com
+    ![](../assets/20250430121203371000.png)
+
+- In the top right corner of the console, click the **Activate Cloud Shell** button and you will see a terminal window inside your current window
+
+    ![](../assets/20250430121203619318.png)
+
+    ![](../assets/20250430121203911156.png)
+
+
+- Run the following command:
+
+```
+gcloud config set project &lt;your-project-id&gt;
+```
+
+- Navigate to your Firebase Storage bucket:
+
+```
+cd gs://&lt;your-bucket-name&gt;
+```
+
+- Run the `cors` command to configure CORS:
+
+```
+gsutil cors set cors.json gs://&lt;your-bucket-name&gt;
+```
+
+You can also specify a list of allowed headers by running the following command:
+
+```
+gsutil cors set cors.json gs://&lt;your-bucket-name&gt; --allowed-headers="Content-Type, Authorization"
+```
+
+The `cors.json` file contains a list of origins that are allowed to access your resources. Each origin is a string that identifies a domain or port. For example, the following origin allows access from the domain `www.example.com`:
+
+```
+"origins": ["https://www.example.com"]
+```
+
+You can also specify a list of allowed headers. The following example allows access to the `Content-Type` and `Authorization` headers:
+
+```
+"origins": ["https://www.example.com"], "allowedHeaders": ["Content-Type", "Authorization"]
+```
+
+For more information on configuring CORS in Firebase Storage, please see the [official documentation](https://firebase.google.com/docs/storage/web/download-files#cors_configuration).
+
+
diff --git a/docs/troubleshooting/firebase-issues/how_to_update_firestore_rules.md b/docs/troubleshooting/firebase-issues/how_to_update_firestore_rules.md
@@ -0,0 +1,36 @@
+---
+keywords: ['rules', 'firestore', 'update']
+slug: /how-to-update-firestore-rules
+title: How to update Firestore rules?
+---
+# How to update Firestore rules?
+
+Most backend issues are generated by the misconfiguration of the Firestore Security Rules. These backed issues may include Grey Screen errors, Infinite Loading screen, Firestore record creating error, Data mismatch errors, etc.
+
+And to solve these issues, the Firestore rules have to be updated, for which you can follow the given series of steps:
+
+- Update Your Firestore Rules
+
+    From within your FlutterFlow project, select **Firestore** &gt; **Settings** &gt; Scroll down to **Firestore Rules** &gt; select **Deploy**/**Redploy**.
+
+    ![](../assets/20250430121507937548.png)
+
+- Update Firestore Indexes
+
+    The next step is to see if the Firestore Rules and Indexes are **Out of Date** or **Not Deployed** (as shown in the image below). If yes, click on the blue **Deploy** button to push the latest rules. 
+
+    ![](../assets/20250430121508288240.png)
+
+- After clicking on the **Deploy** button, a confirmation dialog would be shown, highlighting the changes in the rules that are being made from the deployment. 
+
+    This compares the existing rules in Firestore and highlights what changes are being made in the Firestore rules. These changes are required when a new collection is created or is been edited or if the rules are Out of Date.
+
+    ![](../assets/20250430121508604665.png)
+
+You can review the changes, and then you can click on the **Deploy Now** button. An orange loading indicator would be shown, which means that the rules are getting deployed (This step usually finishes within less than a minute, and the loading indicator is replaced with a Green Checkbox button).
+
+- Validate the Firestore Schema
+
+    After completing this step, validate the Firestore schema by clicking on the blue **Validate** button. This ensures that everything is configured correctly and the Firestore collection schema matches with the Collection schema configured in FlutterFlow.
+
+    ![](../assets/20250430121508962664.png)