Skip to content

Commit 0a8e4bb

Browse files
committed
Remove hardcoded sidebar index
1 parent e466a5a commit 0a8e4bb

File tree

6 files changed

+26
-109
lines changed

6 files changed

+26
-109
lines changed

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

Lines changed: 18 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ slug: how-to-collaborate-on-projects
33
title: How to Collaborate on Projects
44
tags: []
55
toc_max_heading_level: 5
6+
sidebar_position: 4
7+
68
---
79
FlutterFlow allows for multiple ways to collaborate on a project as well as the ability to manage the collaboration through permissions.
810

@@ -11,151 +13,67 @@ FlutterFlow allows for multiple ways to collaborate on a project as well as the
1113
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.
1214

1315
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.
14-
:::info
16+
<div class="alert alert--info" role="alert">
17+
<h4>Notes</h4>
1518
- When you add a user, the default role assigned is the *Editor* role.
1619
- 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).
1720
- Read-only users added to *Teams*/*Organization* will not count against your *Teams* seat count.
1821
- You must verify your email before inviting users.
19-
:::
22+
</div>
2023

2124
### How to Invite Users
2225

23-
<div style={{
24-
position: 'relative',
25-
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
26-
height: 0,
27-
width: '100%'
28-
}}>
29-
<iframe
30-
src="https://demo.arcade.software/9XkpLuC3tpiFFapWi7ao?embed&show_copy_link=true"
31-
title="Sharing a Project with a User"
32-
style={{
33-
position: 'absolute',
34-
top: 0,
35-
left: 0,
36-
width: '100%',
37-
height: '100%',
38-
colorScheme: 'light',
39-
}}
40-
frameborder="0"
41-
loading="lazy"
42-
webkitAllowFullScreen
43-
mozAllowFullScreen
44-
allowFullScreen
45-
allow="clipboard-write">
46-
</iframe>
47-
</div>
48-
4926
1. Navigate to **Settings & Integrations** (from the left *Navigation Menu*) **> Project Setup > Collaboration > Invite Users**.
5027
2. Click on the **Invite User**. This will open a popup to enter user's email.
5128
3. Input their **email address** and select **Invite**.
5229
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.
5330
5. To provide read-only access, tick the **Read Only** checkbox.
5431

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

5937
## Branching Permissions
6038
The owner of a project can manage permissions related to branching. Owners can control two types of branching permissions:
6139

6240
- Editing Permissions: Determines who is allowed to edit branching permissions.
6341
- Merging into Main: Specifies who is allowed to merge branches into the main branch.
6442

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

94-
![Share Project With Organization](../../../static/img/share-project-with-organization.avif)
95-
9646
## Real-Time Collaboration
9747
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.
9848

99-
10049
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.
10150

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

104-
![Realtime Collaboration Setup](../../../static/img/realtime-collaboration-setup.png)
105-
10653
Now when multiple builders are on the same page, it looks like this:
10754

108-
![Realtime Collaboration](../../../static/img/real-time-collaboration.gif)
109-
11055
To disable this feature anytime, click the Disable Updated Collaboration button.
11156

112-
:::caution
57+
<div class="alert alert--info" role="alert">
58+
<h4>Notes</h4>
11359
- This feature is still in Beta, and unexpected issues may occur. Ensure you regularly create project versions as a backup.
114-
:::
115-
:::info
60+
11661
- Real-Time collaboration is a feature of our Teams and Enterprise plans.
117-
:::
62+
</div>
63+
11864
## Transferring Project
119-
:::danger
65+
<div class="alert alert--danger" role="alert">
66+
<h4>Caution</h4>
12067
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.
121-
:::
122-
123-
<div style={{
124-
position: 'relative',
125-
paddingBottom: 'calc(56.67989417989418% + 41px)', // Maintain aspect ratio plus extra padding
126-
height: 0,
127-
width: '100%'
128-
}}>
129-
<iframe
130-
src="https://demo.arcade.software/hUnKMJ7eqD81SRHkxEmt?embed&show_copy_link=true"
131-
title="Transferring Project"
132-
style={{
133-
position: 'absolute',
134-
top: 0,
135-
left: 0,
136-
width: '100%',
137-
height: '100%',
138-
colorScheme: 'light'
139-
}}
140-
frameBorder="0"
141-
loading="lazy"
142-
webkitAllowFullScreen
143-
mozAllowFullScreen
144-
allowFullScreen
145-
allow="clipboard-write">
146-
</iframe>
14768
</div>
148-
149-
15069
1. Navigate to **Settings & Integrations** (from the left Navigation Menu) **> Project Setup > Collaboration > Invite Users.**
15170
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**.
15271
3. A popup will appear, and select **Yes**.
15372

15473
## Project Activity
15574
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.
15675

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

docs/understanding-the-flutterflow-ui/projects/how-to-create-use-app-state.md renamed to docs/understanding-the-flutterflow-ui/Projects/how-to-create-use-app-state.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ slug: how-to-create-use-app-state
33
title: How to Create and Use App State
44
tags: []
55
toc_max_heading_level: 5
6+
sidebar_position: 5
67
---
78
# State Management
89

docs/understanding-the-flutterflow-ui/projects/how-to-run-test-projects.md renamed to docs/understanding-the-flutterflow-ui/Projects/how-to-run-test-projects.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ slug: how-to-run-test-projects
33
title: How to Run and Test Projects
44
tags: []
55
toc_max_heading_level: 5
6+
sidebar_position: 3
7+
68
---
79
There are 4 ways to test your project in FlutterFlow.
810
- Preview

docs/understanding-the-flutterflow-ui/projects/what-is-a-project.md renamed to docs/understanding-the-flutterflow-ui/Projects/what-is-a-project.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ title: What is a Project?
44
authors: john
55
tags: []
66
toc_max_heading_level: 5
7+
sidebar_position: 1
78
---
89
A "Project" in FlutterFlow represents a complete Flutter application. It contains all the generated code for a Flutter app. This means that you can export your code and your app will run as a normal Flutter app without requiring FlutterFlow.
910

sidebars.ts

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,10 @@ const sidebars: SidebarsConfig = {
1616
}, {
1717
type: 'category', label: "Understanding The FlutterFlow UI", items: [
1818
{
19-
type: 'category', label: "Projects", items: [
20-
'understanding-the-flutterflow-ui/projects/what-is-a-project',
21-
'understanding-the-flutterflow-ui/projects/how-to-create-find-organize-projects',
22-
'understanding-the-flutterflow-ui/projects/how-to-run-test-projects',
23-
'understanding-the-flutterflow-ui/projects/how-to-collaborate-on-projects',
24-
'understanding-the-flutterflow-ui/projects/how-to-create-use-app-state'
25-
]
26-
},
27-
]
19+
type: 'autogenerated',
20+
dirName: 'understanding-the-flutterflow-ui'
21+
}
22+
],
2823
}],
2924
},
3025
]

0 commit comments

Comments
 (0)