diff --git a/docs/intro/ff-ui/dashboard.md b/docs/intro/ff-ui/dashboard.md index 77936387..764caeff 100644 --- a/docs/intro/ff-ui/dashboard.md +++ b/docs/intro/ff-ui/dashboard.md @@ -1,86 +1,85 @@ --- slug: /flutterflow-ui/dashboard title: Dashboard -description: Explore the dashboard in FlutterFlow, a centralized location for managing projects and account. +description: Explore the dashboard in FlutterFlow, a centralized location for managing projects and your account. tags: [FlutterFlow, UI, Design] sidebar_position: 0 keywords: [Dashboard, FlutterFlow, UI, Design] --- # Dashboard -When you log in to FlutterFlow, the first thing you’ll encounter is the **Dashboard**. It serves as a central hub for managing your projects, including creating new ones, searching, deleting, and duplicating projects. Additionally, the Dashboard lets you choose your preferred theme—**dark or light**—for a more comfortable viewing experience. +When you log in to FlutterFlow, the first page you’ll see is the **Dashboard**. It serves as a central hub for managing your projects, including creating, searching for, deleting, and duplicating projects. The Dashboard also lets you choose your preferred theme—dark or light—for a more comfortable viewing experience. -The Dashboard provides convenient access to organizational resources, facilitating seamless collaboration among team members. Additionally, it integrates with a marketplace where users can browse and download widgets, templates, and plugins. +The Dashboard provides convenient access to organizational resources, facilitating seamless collaboration among team members. It also integrates with a marketplace where users can browse and download widgets, templates, and plugins. -You can also find links to various resources to assist in building apps with FlutterFlow. Your account information and plan details are easily accessible from this page as well. +You can also find links to various resources to help you build apps with FlutterFlow. Your account information and plan details are easily accessible from this page as well. ![dashboard](imgs/dashboard.avif) - **Projects**: Projects section displays all the projects you have created in FlutterFlow. Use the overflow menu to rename, duplicate, delete, leave the project, add tags, and open the project in a new browser tab. :::info - When you duplicate a project containing the Firebase setup, you must delete the config files in your duplicated project and initiate a new [**Firebase setup**](../../ff-integrations/firebase/connect-to-firebase-setup.md) for your project. + When you duplicate a project with Firebase configured, you must delete the config files in the duplicated project and initiate a new [**Firebase setup**](../../ff-integrations/firebase/connect-to-firebase-setup.md) for it. ::: -- **Dark/Light mode switch**: The Dark/Light mode switch allows you to choose between a light and dark color scheme for our app builder. +- **Notification Center**: The Notification Center simplifies how you manage comments and invites across projects. It centralizes all your project communications. When you're ready to address a comment, select it to go directly to the relevant section of the project. + +- **Dark/Light Mode**: The Dark/Light Mode option allows you to choose between a light and dark color scheme for the app builder. + +- **View Options**: Switch between **List View** and **Grid View** to choose how projects are displayed on the Dashboard. Grid View displays projects as tiles for visual browsing, while List View provides a compact layout for quickly scanning your projects. - **Search**: This option allows you to search for your projects. -- **Filter projects**: Filter your projects based on their privacy settings. They can be marked as private, shared by you, or shared with you. +- **Filter Projects**: Filter projects by privacy setting: private, shared by you, or shared with you. -- **Tag project**: You can create and add a tag to projects, providing a quick and organized way to classify and identify projects based on their characteristics, purpose, or status. +- **Tag Projects**: You can create and add a tag to projects, providing a quick and organized way to classify and identify projects based on their characteristics, purpose, or status. - To tag a project, simply click the three dots option menu on the project tile, select **Add Tag,** and then click on the tag you want to set. Later, you can search and filter the projects based on the tags. + To tag a project, open the three-dot overflow menu on the project tile, select **Add Tag**, and then select the tag you want to set. Later, you can search and filter projects based on their tags.
- + position: 'relative', + paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding + height: 0, + width: '100%'}}> +

-- **Create a new project**: For creating a new project, you can use the **+** **Create New** button. Learn more about [creating a new project](../../resources/projects/how-to-create-find-organize-projects.md#how-to-create-a-project). - -- **Notifications Center**: The notification center simplify how you manage comments and invites across various projects. It conveniently centralizes all your project communications. And when you're ready to address a comment, tap on it and you'll be taken directly to the relevant section of the project. +- **Create a New Project**: To create a new project, use the **+ Create New** button. Learn more about [creating a new project](../../resources/projects/how-to-create-find-organize-projects.md#how-to-create-a-project). -- **My organization** From the [**My Organization tab**](my-organization.md), you can share custom code, assets, design systems, and APIs between your team users and across projects. +- From **My Teams** section, you can share custom code, assets, design systems, and APIs among team members and across projects. -- **Marketplace**: Enhance your FlutterFlow app effortlessly with the [**FlutterFlow Marketplace**](../../marketplace/index.md); access pre-built components and templates created by other users for seamless integration of new functionalities. +- **Marketplace**: Use the [**FlutterFlow Marketplace**](../../marketplace/index.md) to access prebuilt components and templates created by other users and add new functionality to your app. - **Resources**: From the **Resources tab**, you can find various useful links that can help you build apps on FlutterFlow. [Video tutorials](https://www.youtube.com/@FlutterFlow/videos) are extremely helpful for learning about concepts visually. -- **Community**: The **Community tab** will redirect you to our [Community Forum](https://community.flutterflow.io/home), a place for you to share ideas, ask questions, and troubleshoot issues with other FlutterFlow builders. The community shares a lot of amazing ideas! +- **Community**: The **Community tab** redirects you to our [Community Forum](https://community.flutterflow.io/home), a place for you to share ideas, ask questions, and troubleshoot issues with other FlutterFlow builders. The community shares a lot of amazing ideas! -:::warning[Creating an account in Forum] -- The community forum requires an account, which we'll auto-create when you click on the '[Community](https://app.flutterflow.io/community)' tab and redirect you to the forum. However, if you want to add a password to your forum account, you can go to forum [**settings**](https://community.flutterflow.io/settings/account) and click 'Forget Password.' -- Additionally, ensure that you have added a name to your FlutterFlow profile. The same name will be used for the community forum profile. +:::warning[Creating a Forum Account] +- When you select the [**Community**](https://app.flutterflow.io/community) tab, FlutterFlow automatically creates a forum account and redirects you to the Community Forum. To add a password to your forum account, go to the forum [**settings**](https://community.flutterflow.io/settings/account) and select **Forgot Password**. +- Additionally, make sure your FlutterFlow profile includes a name. The same name will be used for the community forum profile. ::: -- **URL Access (Only Available for Enterprise Users)**: You can view and copy URLs that need to be whitelisted for FlutterFlow to function correctly in enterprise environments with restricted internet access. Check out docs on **[Whitelisting URLs](../../misc/enterprise-page.md#whitelist-urls)**. +- **URL Access (Only Available for Enterprise Users)**: You can view and copy URLs that need to be whitelisted for FlutterFlow to function correctly in enterprise environments with restricted internet access. See **[Whitelisting URLs](../../misc/enterprise-page.md#whitelist-urls)** for more information. ![url-access](imgs/url-access-dashboard.avif) -- **Account**: This is helpful if you want to look at your account information, upload a profile picture, reset your password, see your referrals, or delete account. - -- **Plan info**: See information about the current plan and eventually upgrade to access additional features. - -- **Logout**: Safely log out from your FlutterFlow account. +- **Account**: This is helpful if you want to look at your account information, upload a profile picture, reset your password, see your referrals, or delete your account. +- **Log Out**: Safely log out from your FlutterFlow account. diff --git a/docs/intro/ff-ui/imgs/dashboard.avif b/docs/intro/ff-ui/imgs/dashboard.avif index cae6cc5a..f506d313 100644 Binary files a/docs/intro/ff-ui/imgs/dashboard.avif and b/docs/intro/ff-ui/imgs/dashboard.avif differ diff --git a/docs/intro/ff-ui/imgs/url-access-dashboard.avif b/docs/intro/ff-ui/imgs/url-access-dashboard.avif index 5558856e..28c394bb 100644 Binary files a/docs/intro/ff-ui/imgs/url-access-dashboard.avif and b/docs/intro/ff-ui/imgs/url-access-dashboard.avif differ