Skip to content

Commit b5848a5

Browse files
committed
minor formatting fixes
1 parent e6dd81f commit b5848a5

File tree

4 files changed

+178
-77
lines changed

4 files changed

+178
-77
lines changed

docs/resources/Projects/how-to-collaborate-on-projects.md

Lines changed: 67 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,35 @@
11
---
22
slug: how-to-collaborate-on-projects
33
title: How to Collaborate on Projects
4-
tags: []
4+
tags: [ ]
55
toc_max_heading_level: 5
66
sidebar_position: 4
77

88
---
9-
FlutterFlow allows for multiple ways to collaborate on a project as well as the ability to manage the collaboration through permissions.
9+
10+
FlutterFlow allows for multiple ways to collaborate on a project as well as the
11+
ability to manage the collaboration through permissions.
1012

1113
## Sharing a Project with a User
1214

13-
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.
15+
You can also invite users to your project who are not part of your organization.
16+
For instance, you might want to share your work with clients, stakeholders, or
17+
team members of the client.
1418

15-
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.
19+
When you invite users to your project, you have the flexibility to assign them
20+
different roles depending on their level of involvement. For example, you can
21+
grant **editing** privileges to collaborators who are actively working on the
22+
project while assigning **read-only access** who need to view the progress.
23+
Alternatively, you can also make them the **owner** of the project, giving them full
24+
control.
1625
:::info
26+
1727
- When you add a user, the default role assigned is the *Editor* role.
18-
- 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).
19-
- Read-only users added to *Teams*/*Organization* will not count against your *Teams* seat count.
28+
- Users with read-only access will only be able to access that specific project
29+
and won't be able to access any shared *Teams* libraries (e.g., custom code,
30+
design system).
31+
- Read-only users added to *Teams*/*Organization* will not count against your
32+
*Teams* seat count.
2033
- You must verify your email before inviting users.
2134
:::
2235

@@ -50,15 +63,21 @@ When you invite users to your project, you have the flexibility to assign them d
5063

5164

5265
:::info
53-
- 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.
54-
- FlutterFlow subscriptions are seat based. A user added to your project will only have access to the features of their account plan.
55-
:::
66+
67+
- If a user isn't already a FlutterFlow user, we will send them an invite email.
68+
Their status will be shown as **Pending** until they create an account.
69+
- FlutterFlow subscriptions are seat based. A user added to your project will
70+
only have access to the features of their account plan.
71+
:::
5672

5773
## Branching Permissions
58-
The owner of a project can manage permissions related to branching. Owners can control two types of branching permissions:
5974

60-
- Editing Permissions: Determines who is allowed to edit branching permissions.
61-
- Merging into Main: Specifies who is allowed to merge branches into the main branch.
75+
The owner of a project can manage permissions related to branching. Owners can
76+
control two types of branching permissions:
77+
78+
- **Editing Permissions:** Determines who is allowed to edit branching permissions.
79+
- **Merging into Main:** Specifies who is allowed to merge branches into the main
80+
branch.
6281

6382
<div style={{
6483
position: 'relative',
@@ -68,7 +87,7 @@ The owner of a project can manage permissions related to branching. Owners can c
6887
}}>
6988
<iframe
7089
src="https://demo.arcade.software/P5MgPJuBBeaIm7dfEjqI?embed&show_copy_link=true"
71-
title="fghjkl - FlutterFlow"
90+
title="Branching Permissions"
7291
style={{
7392
position: 'absolute',
7493
top: 0,
@@ -87,36 +106,52 @@ The owner of a project can manage permissions related to branching. Owners can c
87106
</div>
88107

89108
## Sharing a Project with an Organization
90-
To share a project with all team members in your organization, enable the "Share with my organization" option.
91109

92-
[share-project-with-organization.avif](..%2F..%2F..%2Fstatic%2Fimg%2Fshare-project-with-organization.avif)
110+
To share a project with all team members in your organization, enable the "Share
111+
with my organization" option.
112+
113+
![share-project-with-organization.avif](..%2F..%2F..%2Fstatic%2Fimg%2Fshare-project-with-organization.avif)
93114

94115
## Real-Time Collaboration
95-
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.
96116

117+
Real-Time Collaboration is a powerful feature that allows multiple builders to
118+
work together on the same project or, rather same page and design system
119+
simultaneously. With this, all builders can see the changes being made to the
120+
page as they happen and can also make their own changes to the page without
121+
interfering with the work of others.
97122

98-
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.
123+
This increases efficiency and productivity, as multiple builders can work on
124+
various aspects of the project or together on the same page at the same time.
99125

100-
To enable real-time collaboration, navigate to Settings & Integrations (from the left Navigation Menu) > Project Setup > Collaboration > click Enable Updated Collaboration.
126+
To enable real-time collaboration, navigate to **Settings & Integrations (from the
127+
left Navigation Menu) > Project Setup > Collaboration > click Enable Updated
128+
Collaboration**.
101129

102130
![realtime-collaboration-setup.png](..%2F..%2F..%2Fstatic%2Fimg%2Frealtime-collaboration-setup.png)
103131

104132
Now when multiple builders are on the same page, it looks like this:
105133

106134
![real-time-collaboration.gif](..%2F..%2F..%2Fstatic%2Fimg%2Freal-time-collaboration.gif)
107135

108-
To disable this feature anytime, click the Disable Updated Collaboration button.
136+
To disable this feature anytime, click the **Disable Updated Collaboration** button.
109137

110138
:::caution
111-
- This feature is still in Beta, and unexpected issues may occur. Ensure you regularly create project versions as a backup.
139+
140+
This feature is still in Beta, and unexpected issues may occur. Ensure you
141+
regularly create project versions as a backup.
142+
112143
<!-- TODO - Add link to versioning -->
144+
:::
145+
:::info
146+
147+
Real-Time collaboration is a feature of our Teams and Enterprise plans.
113148
:::
114-
:::info
115-
- Real-Time collaboration is a feature of our Teams and Enterprise plans.
116-
:::
149+
117150
## Transferring Project
151+
118152
:::danger
119-
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.
153+
This step can not be undone. If you want to regain project ownership, the new
154+
project owner will need to transfer ownership back to you.
120155
:::
121156

122157
<div class ="arcade-container" style={{
@@ -146,10 +181,15 @@ This step can not be undone. If you want to regain project ownership, the new pr
146181
</div>
147182

148183
## Project Activity
149-
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.
150184

151-
[flutterflow-project-activity.avif](..%2F..%2F..%2Fstatic%2Fimg%2Fflutterflow-project-activity.avif)
185+
You can see a running history of changes made while building that helps you
186+
track progress and stay up to date on project changes. This feature allows team
187+
members to see all the updates made to a project in real-time, enabling them to
188+
understand how the project is evolving and collaborate more efficiently.
189+
190+
![flutterflow-project-activity.avif](..%2F..%2F..%2Fstatic%2Fimg%2Fflutterflow-project-activity.avif)
152191

153192
:::info
154-
Teams users can access the last 7 days of project edits, while FlutterFlow Enterprise users can access and download all previous project edits.
193+
Teams users can access the last 7 days of project edits, while FlutterFlow
194+
Enterprise users can access and download all previous project edits.
155195
:::

docs/resources/Projects/how-to-create-find-organize-projects.md

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,11 @@ title: How to Create, Find, and Organize Projects
44
tags: []
55
toc_max_heading_level: 5
66
---
7+
#
78
## How to Create a Project
89
To create a new project, go to the Dashboard and click the “Create New” button in the upper right corner. This will open the “Create Project” window where you can choose to start with a template app or a blank project. Name the project and then select a blank project or template.
910

10-
[create-new-project.avif](..%2F..%2F..%2Fstatic%2Fimg%2Fcreate-new-project.avif)
11+
![create-new-project.avif](..%2F..%2F..%2Fstatic%2Fimg%2Fcreate-new-project.avif)
1112

1213
During project creation, you can access a three-step "Project Setup" window, which is optional. If you prefer to bypass this, simply click "Skip." All setup options will remain accessible under “Settings and Integrations” → “Firebase” → Wizard hat icon.
1314

@@ -43,9 +44,9 @@ Navigate to the Project Dashboard to view all your projects. You can search for
4344

4445
Narrow your search scope with the dropdown menu next to the search bar:
4546

46-
- My Private Projects: Projects accessible only to you.
47-
- My Shared Projects: Projects you own and have shared with others.
48-
- Shared With Me: Projects shared with you that you do not own.
47+
- **My Private Projects:** Projects accessible only to you.
48+
- **My Shared Projects:** Projects you own and have shared with others.
49+
- **Shared With Me:** Projects shared with you that you do not own.
4950

5051
<div style={{
5152
position: 'relative',
@@ -74,8 +75,8 @@ Narrow your search scope with the dropdown menu next to the search bar:
7475
</div>
7576

7677

77-
## **Organizing Projects**
78-
### **Creating and Managing Tags**
78+
## Organizing Projects
79+
### Creating and Managing Tags
7980
To create a tag, click the orange “Tag” button or access it via the three dots in the upper right corner of a project panel, then select “Add Tag”. Tags help categorize and filter your projects for easier management.
8081

8182
<div style={{
@@ -106,7 +107,7 @@ To create a tag, click the orange “Tag” button or access it via the three do
106107
</div>
107108

108109

109-
### **Adding Tags to Projects**
110+
### Adding Tags to Projects
110111
Add a tag to a project by clicking the three dots in the upper right corner of the project panel and selecting a tag. Each project can have only one tag.
111112
<div style={{
112113
position: 'relative',
@@ -135,7 +136,7 @@ Add a tag to a project by clicking the three dots in the upper right corner of t
135136
</div>
136137

137138

138-
### **Searching and Filtering by Tags**
139+
### Searching and Filtering by Tags
139140
When a tag is selected, your projects list will filter to show only those projects associated with that tag. This filter can be combined with the search bar to refine your project search further.
140141
<div style={{
141142
position: 'relative',
@@ -164,7 +165,7 @@ When a tag is selected, your projects list will filter to show only those projec
164165
</div>
165166

166167

167-
## **Editing and Removing Tags**
168+
## Editing and Removing Tags
168169
Modify or remove tags by clicking the gear icon within the orange Tag button. This allows for quick updates to tag names and assignments.
169170

170171
<div style={{

docs/resources/Projects/how-to-create-use-app-state.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ FlutterFlow manages state in several ways, depending on the scope.
1111

1212
Generally, state management is handled using the Provider package, which facilitates the provisioning of data models for components, pages, and the overall app state.
1313

14-
[state-management.avif](..%2F..%2F..%2Fstatic%2Fimg%2Fstate-management.avif)
14+
![state-management.avif](..%2F..%2F..%2Fstatic%2Fimg%2Fstate-management.avif)
1515

1616
## Page & Component Models
1717

0 commit comments

Comments
 (0)