Merge branch 'pinkesh/missing-items' of https://github.com/FlutterFlow/flutterflow-documentation into pinkesh/missing-items

Author: pinkeshmars

docs/ff-concepts/localization-accessibility/_category_.json

@@ -1,4 +1,4 @@
 {
   "label": "Localization & Accessibility",
-  "position": 1
+  "position": 6
 }

docs/ff-concepts/localization-accessibility/add-multiple-languages.md

@@ -1,10 +1,10 @@
 ---
 slug: multiple-languages
 title: Languages
-tags: [multilingual, localization, internationalization]
+tags: [Multilingual, Localization, Internationalization]
 keywords: [FlutterFlow, multiple languages, app localization, internationalization, multilingual support]
 description: Learn how to support multiple languages in your FlutterFlow app.
-sidebar_position: 0
+sidebar_position: 1
 ---
 
 # Languages
@@ -223,10 +223,10 @@ Managing your app's text translation includes updating the translated text (prod
 
 There are two ways you can manage the app text translation:
 
-1. [Inside Language Settings](#1-inside-language-settings)
-2. [Inside App Builder](#2-inside-app-builder)
+- [Inside Language Settings](#1-inside-language-settings)
+- [Inside App Builder](#2-inside-app-builder)
 
-### 1. Inside Language Settings
+### Inside Language Settings
 
 The Language Settings page lists all your app's text grouped by page name. You can use the Language Settings page when you want to manage the text in bulk.
 
@@ -247,7 +247,7 @@ The Translate Page button will create a translation for all the texts on a page.
   <figcaption class="centered-caption">Manage text translation inside language settings page</figcaption>
 </figure>
 
-### 2. Inside App Builder
+### Inside App Builder
 
 While building your app, you can translate or update the translation for the individual text right inside the app builder.
 
@@ -270,10 +270,10 @@ FlutterFlow allows you to manage the translation for predefined messages, such a
 
 There are two types of messages you can translate:
 
-1. [iOS Permission Messages](#1-ios-permission-messages)
-2. [Preset Snackbar Messages](#2-preset-snackbar-messages)
+- [iOS Permission Messages](#1-ios-permission-messages)
+- [Preset Snackbar Messages](#2-preset-snackbar-messages)
 
-### 1. iOS Permission Messages
+### iOS Permission Messages
 
 iOS permission messages are the messages that iOS users will see when prompted to grant permissions to your app (such as a camera or photo library access).
 
@@ -318,7 +318,7 @@ To add translations for the iOS permission messages:
 </div>
 <p></p>
 
-### 2. Preset Snackbar Messages
+### Preset Snackbar Messages
 
 Preset Snackbar Messages are ones we show for a certain action inside the Snackbar.
 
@@ -390,10 +390,10 @@ While building a multi-language app, sometimes you may need language-related dat
 
 In FlutterFlow, you can get the following two types of language-related data:
 
-1. [Current language code](#1-current-language-code)
-2. [Language dependent text](#2-language-dependent-text)
+- [Current language code](#1-current-language-code)
+- [Language dependent text](#2-language-dependent-text)
 
-### 1. Current language code
+### Current language code
 
 The Current language code gives you the ISO language code for the current app language, such as *en*, *de*, *fr*, etc.
 
@@ -460,7 +460,7 @@ To retrieve the current language code:
 </div>
 <p></p>
 
-### 2. Language dependent text
+### Language dependent text
 
 Sometimes you might want to store/process a text that is dependent on the current app language—for example, showing/storing the nation/country flag or name based on the current app language.
 

docs/ff-integrations/firebase/app-check.md

@@ -2,7 +2,7 @@
 slug: /integrations/firebase/app-check
 title: App Check
 description: Learn how to integrate Firebase App Check in your FlutterFlow app.
-tags: [FlutterFlow, Firebase, App Check]
+tags: [Firebase, App Check]
 sidebar_position: 3
 keywords: [FlutterFlow, Firebase, App Check]
 ---

docs/ff-integrations/firebase/crashlytics.md

@@ -2,7 +2,7 @@
 slug: /integrations/firebase/crashlytics
 title: Crashlytics
 description: Learn how to integrate Firebase Crashlytics in your FlutterFlow app.
-tags: [FlutterFlow, Firebase, Crashlytics]
+tags: [Firebase, Crashlytics]
 sidebar_position: 2
 keywords: [FlutterFlow, Firebase, Crashlytics]
 ---

docs/ff-integrations/firebase/performance-monitoring.md

@@ -2,7 +2,7 @@
 slug: /integrations/firebase/performance-monitoring
 title: Performance Monitoring
 description: Learn how to integrate Firebase Performance Monitoring in your FlutterFlow app.
-tags: [FlutterFlow, Firebase, Performance Monitoring]
+tags: [Firebase, Performance Monitoring]
 sidebar_position: 4
 keywords: [FlutterFlow, Firebase, Performance Monitoring]
 ---

docs/ff-integrations/firebase/remote-config.md

@@ -2,7 +2,7 @@
 slug: /integrations/firebase/remote-config
 title: Remote Config
 description: Learn how to integrate Firebase Remote Config in your FlutterFlow app.
-tags: [FlutterFlow, Firebase, Remote Config]
+tags: [Firebase, Remote Config]
 sidebar_position: 1
 keywords: [FlutterFlow, Firebase, Remote Config]
 ---
@@ -166,4 +166,3 @@ Here's another example that changes the app's background using the color value f
 </div>
 <p></p>
 
-and all this happens without requiring users to download the new app update. Isn't it cool!

docs/ff-integrations/payments/razorpay.md

@@ -72,13 +72,25 @@ Here are the steps:
 
 1. Create a new Razorpay account from [here](https://dashboard.razorpay.com/signup). If you already have an account, [log in](https://dashboard.razorpay.com/signin).
 2. Once you are logged in, turn on the **Test Mode**. Test mode helps you simulate the payments without involving real money transactions.
+<p></p>
+
 ![Enabling test mode](imgs/enable-test-mode.avif)
+<p></p>
+
+
 3. From the left side menu, select **Account & Settings** > Under **Website and app settings** section, select **API keys**.
 4. If you're asked to add a website link but your app isn't published yet, you can temporarily publish it to a subdomain using our [web publishing](../../testing-deployment-publishing/publishing/web-publishing.md) feature. Later, you can update this to your actual domain in both FlutterFlow and Razorpay.
+<p></p>
+
 ![add-website-link](imgs/add-website-link.avif)
+<p></p>
+
 5. Click **Generate Test Key** and copy the **Key Id** and **Key Secret**. To regenerate, click on **Regenerate Test Key** and choose how you want to deactivate the old key.
+<p></p>
+
 ![Generate Test Key](imgs/generate-test-key.webp)
 
+<p></p>
 <div style={{
     position: 'relative',
     paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
@@ -103,12 +115,16 @@ Here are the steps:
         allow="clipboard-write">
     </iframe>
 </div>
+
 <p></p>
 
 6. Return to the FlutterFlow project, navigate to **Settings and Integrations** > **In App Purchases & Subscriptions** > **Razorpay**. Use the toggle to **Enable Razorpay Payments**.
 7. Under **Test Credentials**, paste the **Key ID** and **Key Secret** obtained in the previous step.
 8. Set your **Business Name**.
 9. Click the **Deploy** button.
+
+<p></p>
+
 ![deploy](imgs/deploy.png)
 
 ### 2. Trigger Razorpay payment [Action]
@@ -124,6 +140,8 @@ Follow the steps below to add this action:
     - For example, *$24.99* should be passed as *2499* (as a round-off integer; otherwise, it would be automatically rounded); similarly, for an amount of ₹120.00, 12000 should be passed.
     - Most probably, you'll specify this value from a variable. If you do so, you might need this [code expression](../../resources/control-flow/functions/utility-functions.md#code-expressions) to convert the total amount in the required format: `amount.toStringAsFixed(2).replaceAll(".", "");`
 5. Enter the **Currency Code** to be used for the amount, for example, *INR*, *USD*, *EUR*, or *BRL*. Make sure you enter a valid currency code; otherwise, the transaction won't go through. Download the complete [list of supported currencies](https://razorpay.com/docs/build/browser/assets/images/international-currency-list.xlsx).
+<p></p>
+
 ![Specifying amount and country code manually](imgs/specify-amount-and-code-manually.avif)
 
 <div style={{
@@ -181,7 +199,11 @@ Follow the steps below to add this action:
 <p></p>
 
 7. You can also customize the color scheme for the payment sheet using properties such as **Dialog Color, Barrier Color,** **Text Color**, **Processing Color**, **Success Color**, **Error Color,** and more.
+
+<p></p>
+
 ![Customizing Razorpay payment sheet](imgs/customize-payment-sheet.avif)
+
 8. Enter an **Action** **Output Variable Name** where the payment ID would be stored on a successful transaction.
 9. Now you must check if the payment was successful. You can do so by adding the [conditional action](../../resources/control-flow/functions/conditional-logic.md#conditional-actions). To do so, click the "**+**" button below the previous action tile and select **Add Conditional**.
 10. On the right side (**Set Condition for Action**),
@@ -218,7 +240,7 @@ Follow the steps below to add this action:
 <p></p>
 
 :::warning
-Ensure the user is authenticated before triggering this action; otherwise, it will result in an error. You can follow the steps on [this page](../authentication/firebase-auth/auth-initial-setup.md) to set up Firebase Authentication.
+Ensure the user is authenticated before triggering this action; otherwise, it will result in an error. You can follow the steps on [**this page**](../authentication/firebase-auth/auth-initial-setup.md) to set up Firebase Authentication.
 :::
 
 ### 3. Testing