Skip to main content
Section overview: Getting started with Bubble (7.1)
Updated over 3 weeks ago

Section 7 (Lesson 1/8): In this section, we're going to revisit the company dashboard now that we have job applications in the database. And Hana from Orbit needs to be able to manage those job applications from her company dashboard.

Some of the functionality we'll cover is:

  • Downloading files: We’ll build functionality to enable Hana to view and download candidate CVs.

  • Toggle filtering: We’ll build a toggle component using groups, states, and conditional statements to be able to filter our candidate table.

  • Working with charts: We’ll configure our first chart to be able to display the number of job applications per week.

Transcript

In this section, we're going to revisit the company dashboard as now we have job applications in the database. And Hana from Orbit needs to be able to manage those job applications from her company dashboard. So some of the functionality we'll cover is viewing and downloading files, filtering with states, as well as working with charts. Let's have a look at the demo app!

So we definitely need to sort out internal navigation, and this is what it looks like. If I click on my avatar once I'm logged in, then I can see a Dashboard link, Browse jobs, About us, Blog, as well as Log out. Now this navigation drop-down, which is actually called a Group Focus element, this will be the same element that both a company user, a candidate, and an admin user will use.

We'll employ conditional status statements on some of these workflows to be able to route different users to their respective dashboards. So if I click on "Dashboard," off we go to the company dashboard with a parameter to land on the Overview section, and we will be building this Overview section as well. We don't have a lot of data to play with, but we'll build it nonetheless.

In the next section, Section 8, we will actually import some CSV data to be able to populate and to generate better-looking charts. But for now, we'll just get started with this chart element to see how we configure it and populate it with the correct data.

We'll be building the Candidates section. What's different about the Candidates section is now we can Shortlist users, and once we've shortlisted those users, we can click the Shortlist filter toggle! And I actually made this myself, this is just using a few groups and states to conditionally change the appearance of this little UI component I've created.

Okay, so some new stuff we're going to learn in this section, and let's dive in!

Did this answer your question?