Skip to content

Commit 17dca4a

Browse files
pinkeshmarsPoojaB26
pinkeshmars
and
PoojaB26
authored
Missing topics 2.2 (#108)
* Added clear and delete data * Add badge count ios docs * Fix firebase json redirects * Fix broken links * Added Google Supabase login * Added haptic feedback * Added launch map action * Nit changes * Update slug to match pattern * update redirect links --------- Co-authored-by: PoojaB26 <[email protected]>
1 parent aa9b211 commit 17dca4a

File tree

14 files changed

+710
-22
lines changed

14 files changed

+710
-22
lines changed

‎docs/ff-concepts/alerts-notification/haptic-feedback.md

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
---
2+
title: Haptic Feedback
3+
slug: /concepts/alerts-notification/haptic-feedback
4+
sidebar_position: 4
5+
tags: [Actions, Alerts & Notifications]
6+
keywords: [FlutterFlow, Actions, Alerts & Notifications, Haptic Feedback]
7+
---
8+
# Haptic Feedback
9+
Using this action, you can vibrate the user's device. Typically this is used to draw users' attention to the action they have performed. For example, vibrating the user's device on setting the alarm.
10+
11+
## Types of Haptic Feedback
12+
13+
Depending on the action a user has performed (e.g., bookmark an item, on-off flashlight), you can set the different vibration intensity and duration types.
14+
15+
Here are the types of haptic feedback:
16+
17+
1. **Light**: This creates a very low-intensity vibration similar to pressing a virtual on-screen key.
18+
2. **Medium**: This creates a medium-intensity vibration similar to pressing a key on a keyboard.
19+
3. **Heavy**: This creates a high-intensity vibration similar to clicking an item.
20+
4. **Selection Click**: This vibrates the device when selection changes through discrete values. Similar to changing hours and minutes on the clock app.
21+
5. **Vibrate**: This creates a vibration for a short duration.
22+
23+
:::warning
24+
- The *Light*, *Medium*, *Heavy*, and *Selection Click*, these types of haptic feedback only work on iOS version 10 and above.
25+
- The *Selection Click* type only works on Android API levels 23 and above.
26+
:::
27+
28+
## Adding Haptic Feedback [Action]
29+
30+
Go to your project page on FlutterFlow and follow the steps below to define the Action to any widget.
31+
32+
1. Select the **Widget** (e.g., Button) on which you want to define the action.
33+
2. Select **Actions** from the Properties panel (the right menu), and click **+ Add Action**.
34+
3. Search and select the **Haptic Feedback** (under *Alerts/Notifications*) action.
35+
4. Set the **Feedback Type** among the **Light**, **Medium**, **Heavy**, **Selection Click**, and **Vibrate**.
36+
37+
<div style={{
38+
position: 'relative',
39+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
40+
height: 0,
41+
width: '100%'}}>
42+
<iframe
43+
src="https://demo.arcade.software/MfWI3yPIBv4WmHTl99Iq?embed&show_copy_link=true"
44+
title=""
45+
style={{
46+
position: 'absolute',
47+
top: 0,
48+
left: 0,
49+
width: '100%',
50+
height: '100%',
51+
colorScheme: 'light'
52+
}}
53+
frameborder="0"
54+
loading="lazy"
55+
webkitAllowFullScreen
56+
mozAllowFullScreen
57+
allowFullScreen
58+
allow="clipboard-write">
59+
</iframe>
60+
</div>
61+
<p></p>

‎docs/ff-concepts/alerts-notification/push-notifications.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ Here are the steps to send push notifications:
4040

4141
1. [Enabling push notification](#enabling-push-notification)
4242
2. [Only for iOS: Configuring iOS app](#only-for-ios-configuring-ios-app)
43-
3. [Sending push notifications](#3-sending-push-notifications)
43+
3. [Sending push notifications](#sending-push-notifications)
4444

4545
### Enabling push notification
4646

‎docs/ff-concepts/file-handling/clear-delete-media.md

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
---
2+
title: Clear or Delete Media
3+
slug: /concepts/file-handling/clear-delete-media
4+
sidebar_position: 6
5+
tags: [Media, Action]
6+
keywords: [Media, Clear Data, Delete Data Firebase Storage, Supabase Storage]
7+
---
8+
9+
# Clear or Delete Media
10+
11+
The Clear and Delete Media actions provide essential functionalities for managing media files efficiently.
12+
13+
## Clear Uploaded Data
14+
15+
By utilizing this action, you can clear the *Uploaded File URL*. This functionality is handy when you want to offer users a straightforward method to remove any uploaded media, such as images or recordings, by providing them with an explicit option to do so.
16+
17+
<div style={{
18+
position: 'relative',
19+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
20+
height: 0,
21+
width: '100%'}}>
22+
<iframe
23+
src="https://demo.arcade.software/kvwTWagvs71aE973iZX1?embed&show_copy_link=true"
24+
title=""
25+
style={{
26+
position: 'absolute',
27+
top: 0,
28+
left: 0,
29+
width: '100%',
30+
height: '100%',
31+
colorScheme: 'light'
32+
}}
33+
frameborder="0"
34+
loading="lazy"
35+
webkitAllowFullScreen
36+
mozAllowFullScreen
37+
allowFullScreen
38+
allow="clipboard-write">
39+
</iframe>
40+
</div>
41+
<p></p>
42+
43+
:::info
44+
Before you use this action, you must have the [**Upload Data**](upload-save-media.md) action already added.
45+
:::
46+
47+
### Adding Clear Uploaded Data action
48+
49+
Follow the steps below to add this type of action to any widget:
50+
51+
1. Select the **Widget** (e.g., Button) on which you want to add the action.
52+
2. Select **Actions** from the Properties panel (the right menu), and click **+ Add Action**.
53+
3. Search and select the **Clear Uploaded Data** (under *Utilities*) **> [Name of uploaded data]** (given in the [Upload Data](upload-save-media.md)) action.
54+
55+
![Adding Clear Uploaded Data action](imgs/adding-clear-uploaded-data-action.avif)
56+
57+
## Delete Data
58+
59+
Using this action, you can delete the uploaded media, such as photos, videos, and PDF files, from the [Firebase Storage](https://firebase.google.com/docs/storage).
60+
61+
<div style={{
62+
position: 'relative',
63+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
64+
height: 0,
65+
width: '100%'}}>
66+
<iframe
67+
src="https://demo.arcade.software/fIboVzBCehvRIditcSCp?embed&show_copy_link=true"
68+
title=""
69+
style={{
70+
position: 'absolute',
71+
top: 0,
72+
left: 0,
73+
width: '100%',
74+
height: '100%',
75+
colorScheme: 'light'
76+
}}
77+
frameborder="0"
78+
loading="lazy"
79+
webkitAllowFullScreen
80+
mozAllowFullScreen
81+
allowFullScreen
82+
allow="clipboard-write">
83+
</iframe>
84+
</div>
85+
<p></p>
86+
87+
:::info
88+
Before you add this action, ensure you can access the *Uploaded File URL* of the media. Check out the [**upload media**](upload-data.md) section to see how to get it.
89+
:::
90+
91+
### Adding Delete Media action
92+
93+
Follow the steps below to add this action to any widget.
94+
95+
1. Select the **Widget** (e.g., Button) on which you want to add the action.
96+
2. Select **Actions** from the Properties panel (the right menu), and click **+ Add Action**.
97+
3. Search and select the **Delete Media** (under *Utilities*) action.
98+
4. Inside the **URL** section, provide a valid media URL. This must be either the direct **Uploaded File URL** or a variable that holds the URL.
99+
5. To let users know about the successful deletion of the media, you can [add the snackbar message](../../resources/ui/pages/page-elements.md#snackbar).
100+
101+
<div style={{
102+
position: 'relative',
103+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
104+
height: 0,
105+
width: '100%'}}>
106+
<iframe
107+
src="https://demo.arcade.software/ColbgtU1jVqrvKp0OKeB?embed&show_copy_link=true"
108+
title=""
109+
style={{
110+
position: 'absolute',
111+
top: 0,
112+
left: 0,
113+
width: '100%',
114+
height: '100%',
115+
colorScheme: 'light'
116+
}}
117+
frameborder="0"
118+
loading="lazy"
119+
webkitAllowFullScreen
120+
mozAllowFullScreen
121+
allowFullScreen
122+
allow="clipboard-write">
123+
</iframe>
124+
</div>
125+
<p></p>

‎docs/ff-concepts/file-handling/imgs/adding-clear-uploaded-data-action.avif

280 KB
Binary file not shown.

‎docs/ff-concepts/file-handling/upload-save-file.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Upload/Save File
2+
title: Upload or Save File
33
slug: /concepts/file-handling/upload-save-file
44
sidebar_position: 4
55
tags: [Media, Upload Data, File Management]
@@ -11,7 +11,7 @@ keywords: [Media, Upload Data, Firebase Storage, Supabase Storage]
1111
import Tabs from '@theme/Tabs';
1212
import TabItem from '@theme/TabItem';
1313

14-
# Upload/Save File
14+
# Upload or Save File
1515

1616
Using this action, you can upload any type of file to your app (e.g., PDF, MP3, etc.). You can store the file on [Firebase](https://firebase.google.com/docs/storage), [Supabase](https://supabase.com/docs/guides/storage) storage, or your own server using an API. Once uploaded, you can access the file through its generated URL. This URL can be used to display the content immediately or store it in a database for future retrieval.
1717

‎docs/ff-concepts/file-handling/upload-save-media.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Upload/Save Media
2+
title: Upload or Save Media
33
slug: /concepts/file-handling/upload-save-media
44
sidebar_position: 5
55
tags: [Media, Upload Data, File Management]
@@ -10,7 +10,7 @@ import Tabs from '@theme/Tabs';
1010
import TabItem from '@theme/TabItem';
1111

1212

13-
# Upload/Save Media
13+
# Upload or Save Media
1414

1515
This action allows you to easily upload a photo or video to your app. You have the flexibility to store the file on [Firebase](https://firebase.google.com/docs/storage), [Supabase](https://supabase.com/docs/guides/storage) storage, or your own server using an API. Once uploaded, you can access the file through its generated URL. This URL can be used to display the content immediately or store it in a database for future retrieval.
1616

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

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ Changing the app language manually includes the following steps:
130130

131131
1. [Building a page](#1-building-a-page)
132132
2. [Translating app content](#2-translating-app-content)
133-
3. [Adding action to change the language](#3-adding-action-to-change-the-language)
133+
3. [Adding action to change the language](#3-add-set-app-language-action)
134134

135135
### 1. Building a page
136136

@@ -223,8 +223,8 @@ Managing your app's text translation includes updating the translated text (prod
223223

224224
There are two ways you can manage the app text translation:
225225

226-
- [Inside Language Settings](#1-inside-language-settings)
227-
- [Inside App Builder](#2-inside-app-builder)
226+
- [Inside Language Settings](#inside-language-settings)
227+
- [Inside App Builder](#inside-app-builder)
228228

229229
### Inside Language Settings
230230

@@ -270,8 +270,8 @@ FlutterFlow allows you to manage the translation for predefined messages, such a
270270

271271
There are two types of messages you can translate:
272272

273-
- [iOS Permission Messages](#1-ios-permission-messages)
274-
- [Preset Snackbar Messages](#2-preset-snackbar-messages)
273+
- [iOS Permission Messages](#ios-permission-messages)
274+
- [Preset Snackbar Messages](#preset-snackbar-messages)
275275

276276
### iOS Permission Messages
277277

@@ -390,8 +390,8 @@ While building a multi-language app, sometimes you may need language-related dat
390390

391391
In FlutterFlow, you can get the following two types of language-related data:
392392

393-
- [Current language code](#1-current-language-code)
394-
- [Language dependent text](#2-language-dependent-text)
393+
- [Current language code](#current-language-code)
394+
- [Language dependent text](#language-dependent-text)
395395

396396
### Current language code
397397

‎docs/ff-integrations/authentication/imgs/adding-login-action.avif

274 KB
Binary file not shown.

‎docs/ff-integrations/authentication/imgs/verify-user-creation.avif

151 KB
Binary file not shown.

‎docs/ff-integrations/authentication/supabase-auth/email-supabase.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
slug: /integrations/authentication/supabase/email-authentication
2+
slug: /integrations/authentication/supabase/email
33
title: Email Authentication
44
description: Learn how to integrate Email Login of Supabase Auth into your FlutterFlow app.
55
tags: [Email Authentication, Authentication, Supabase]

0 commit comments

Comments
 (0)