Skip to content

Commit 77ea3af

Browse files
PoojaB26PoojaB26
committed
revert back changes that got reverted via Stackblitz
1 parent 0a8e4bb commit 77ea3af

File tree

1 file changed

+101
-17
lines changed

1 file changed

+101
-17
lines changed

‎docs/understanding-the-flutterflow-ui/Projects/how-to-collaborate-on-projects.md

Lines changed: 101 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -13,67 +13,151 @@ FlutterFlow allows for multiple ways to collaborate on a project as well as the
1313
You can also invite users to your project who are not part of your organization. For instance, you might want to share your work with clients, stakeholders, or team members of the client.
1414

1515
When you invite users to your project, you have the flexibility to assign them different roles depending on their level of involvement. For example, you can grant editing privileges to collaborators who are actively working on the project while assigning read-only access who need to view the progress. Alternatively, you can also make them the owner of the project, giving them full control.
16-
<div class="alert alert--info" role="alert">
17-
<h4>Notes</h4>
16+
:::info
1817
- When you add a user, the default role assigned is the *Editor* role.
1918
- Users with read-only access will only be able to access that specific project and won't be able to access any shared *Teams* libraries (e.g., custom code, design system).
2019
- Read-only users added to *Teams*/*Organization* will not count against your *Teams* seat count.
2120
- You must verify your email before inviting users.
22-
</div>
21+
:::
2322

2423
### How to Invite Users
2524

25+
<div style={{
26+
position: 'relative',
27+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
28+
height: 0,
29+
width: '100%'
30+
}}>
31+
<iframe
32+
src="https://demo.arcade.software/9XkpLuC3tpiFFapWi7ao?embed&show_copy_link=true"
33+
title="Sharing a Project with a User"
34+
style={{
35+
position: 'absolute',
36+
top: 0,
37+
left: 0,
38+
width: '100%',
39+
height: '100%',
40+
colorScheme: 'light',
41+
}}
42+
frameborder="0"
43+
loading="lazy"
44+
webkitAllowFullScreen
45+
mozAllowFullScreen
46+
allowFullScreen
47+
allow="clipboard-write">
48+
</iframe>
49+
</div>
50+
2651
1. Navigate to **Settings & Integrations** (from the left *Navigation Menu*) **> Project Setup > Collaboration > Invite Users**.
2752
2. Click on the **Invite User**. This will open a popup to enter user's email.
2853
3. Input their **email address** and select **Invite**.
2954
4. If a user isn't already a FlutterFlow user, we will send them an invite email. Their status will be shown as **Pending** until they create an account.
3055
5. To provide read-only access, tick the **Read Only** checkbox.
3156

32-
<div class="alert alert--info" role="alert">
33-
<h4>Note</h4>
57+
:::info
3458
FlutterFlow subscriptions are seat based. A user added to your project will only have access to the features of their account plan.
35-
</div>
59+
:::
3660

3761
## Branching Permissions
3862
The owner of a project can manage permissions related to branching. Owners can control two types of branching permissions:
3963

4064
- Editing Permissions: Determines who is allowed to edit branching permissions.
4165
- Merging into Main: Specifies who is allowed to merge branches into the main branch.
4266

67+
<div style={{
68+
position: 'relative',
69+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Correctly maintaining the aspect ratio with additional padding
70+
height: 0,
71+
width: '100%'
72+
}}>
73+
<iframe
74+
src="https://demo.arcade.software/P5MgPJuBBeaIm7dfEjqI?embed&show_copy_link=true"
75+
title="fghjkl - FlutterFlow"
76+
style={{
77+
position: 'absolute',
78+
top: 0,
79+
left: 0,
80+
width: '100%',
81+
height: '100%',
82+
colorScheme: 'light'
83+
}}
84+
frameBorder="0"
85+
loading="lazy"
86+
webkitAllowFullScreen
87+
mozAllowFullScreen
88+
allowFullScreen
89+
allow="clipboard-write">
90+
</iframe>
91+
</div>
92+
4393
## Sharing a Project with an Organization
4494
To share a project with all team members in your organization, enable the "Share with my organization" option.
4595

96+
![Share Project With Organization](../../../static/img/share-project-with-organization.avif)
97+
4698
## Real-Time Collaboration
4799
Real-Time Collaboration is a powerful feature that allows multiple builders to work together on the same project or, rather same page and design system simultaneously. With this, all builders can see the changes being made to the page as they happen and can also make their own changes to the page without interfering with the work of others.
48100

101+
49102
This increases efficiency and productivity, as multiple builders can work on various aspects of the project or together on the same page at the same time.
50103

51104
To enable real-time collaboration, navigate to Settings & Integrations (from the left Navigation Menu) > Project Setup > Collaboration > click Enable Updated Collaboration.
52105

106+
![Realtime Collaboration Setup](../../../static/img/realtime-collaboration-setup.png)
107+
53108
Now when multiple builders are on the same page, it looks like this:
54109

110+
![Realtime Collaboration](../../../static/img/real-time-collaboration.gif)
111+
55112
To disable this feature anytime, click the Disable Updated Collaboration button.
56113

57-
<div class="alert alert--info" role="alert">
58-
<h4>Notes</h4>
114+
:::caution
59115
- This feature is still in Beta, and unexpected issues may occur. Ensure you regularly create project versions as a backup.
60-
116+
:::
117+
:::info
61118
- Real-Time collaboration is a feature of our Teams and Enterprise plans.
62-
</div>
63-
119+
:::
64120
## Transferring Project
65-
<div class="alert alert--danger" role="alert">
66-
<h4>Caution</h4>
121+
:::danger
67122
This step can not be undone. If you want to regain project ownership, the new project owner will need to transfer ownership back to you.
123+
:::
124+
125+
<div style={{
126+
position: 'relative',
127+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Maintain aspect ratio plus extra padding
128+
height: 0,
129+
width: '100%'
130+
}}>
131+
<iframe
132+
src="https://demo.arcade.software/hUnKMJ7eqD81SRHkxEmt?embed&show_copy_link=true"
133+
title="Transferring Project"
134+
style={{
135+
position: 'absolute',
136+
top: 0,
137+
left: 0,
138+
width: '100%',
139+
height: '100%',
140+
colorScheme: 'light'
141+
}}
142+
frameBorder="0"
143+
loading="lazy"
144+
webkitAllowFullScreen
145+
mozAllowFullScreen
146+
allowFullScreen
147+
allow="clipboard-write">
148+
</iframe>
68149
</div>
150+
151+
69152
1. Navigate to **Settings & Integrations** (from the left Navigation Menu) **> Project Setup > Collaboration > Invite Users.**
70153
2. Click on the **Status** (e.g., Active) of the person you want to transfer project ownership to. You can only transfer ownership to someone with a status of **Active**.
71-
3. A popup will appear, and select **Yes**.
154+
3. A popup will appear, and select **Yes**.
72155

73156
## Project Activity
74157
You can see a running history of changes made while building that helps you track progress and stay up to date on project changes. This feature allows team members to see all the updates made to a project in real-time, enabling them to understand how the project is evolving and collaborate more efficiently.
75158

76-
<div class="alert alert--info" role="alert">
77-
<h4>Note</h4>
159+
![Project Activity](../../../static/img/flutterflow-project-activity.avif)
160+
161+
:::info
78162
Teams users can access the last 7 days of project edits, while FlutterFlow Enterprise users can access and download all previous project edits.
79-
</div>
163+
:::

0 commit comments

Comments
 (0)