The Notion button feature, which we introduced in this article previously, is a very convenient feature that performs a set action with a single click!
Not long ago, this button feature was added as a database property.
This time, we will explain "button properties" and introduce several ways to use them!
🎬 Director：Rei
✍🏻 Writer：Minokurumi
1. What are button properties?
Button properties are a new feature. Like the previous button feature, they are very convenient, allowing you to set an action for a button and perform it with a single click.
The following actions can be set for buttons. Of course, multiple actions can be combined.
🔧 Configurable actions (as of May 2024)
- Add a page
- Edit a page (property)
- Display a confirmation/warning screen
- Open a page (set how to open it)
The difference from the previous button feature is that these new "button properties" allow buttons to be placed in a database.
The previous button feature functioned as a "block" that could be placed within a page. Therefore, it was well-suited for larger actions such as adding blocks or pages.
On the other hand, button properties, as one of the database properties, allow buttons to be placed, making them adept at more granular actions such as "editing this property of this page."
From here, we will introduce several ways to utilize the new button property feature!
If you find any ideas you'd like to try, please feel free to incorporate them.
2. Ideas for how to use it
2-1. As a project completion button
The first way is to create a completion button to change the status of a project. This is recommended for managing the progress of projects and tasks.
This time, I created a button that, when clicked, changes the status to "Completed" and records the completion date and time.
🔧 How to create
1. Prepare "Button," "Status," and "Date" properties
2. Edit the button property
・"Add an action" → "Edit pages" → select "This page" for the database.
・From "Edit property," select the "Status" property and choose "Completed."
・From "Add another step," similarly select the "Edit pages" action, and choose "Now" for the "Date" property.
2-2. For counting votes in stores or projects
The second method is to use button properties to count votes.
This can be used as a voting tool when choosing a restaurant for a farewell or year-end party, or when you want to gather opinions from everyone for a business decision.
This time, I added a function that adds users who clicked the "Like" button to "People who liked it" and counts the number of likes.
🔧 How to create
1. Prepare "Button," "User," and "Formula" properties
2. Edit the button property.
・"Add an action" → "Edit pages" → select "This page" for the database.
・From "Edit property," select the "User" property.
・Under "Condition," select "Add" and "User who clicked the button."
3. Enter the following formula into the formula property.
if(length(prop("People who liked it")) > 0, length(replaceAll(prop("People who liked it"), "[^,]", "")) + 1, 0)
※Please replace "People who liked it" with the name of your user property.
2-3. Clear the date of a task you want to repeat
The third method is a button that clears the date. This is a convenient way to reuse tasks for recurring projects or routines.
This time, I created a button to clear the date for YouTube shooting tasks.
🔧 How to create
1. Prepare "Date" and "Button" properties
2. Edit the button property
・"Add an action" → "Edit pages" → select "This page" for the database.
・From "Edit property," select the "Date" property.
・Do not select a date like "Now" or "Today" here; leave the dropdown blank.
4-4. Log study time
Finally, a method for recording study time or work time. This can be used when you want to record how much time you've spent studying or working in a day.
This time, I created a study log that records the start and end times by clicking buttons, and calculates the study time using a formula.
🔧 How to create
1. Prepare two "Button" properties, two "Date" properties, and one "Formula" property
2. Rename the date properties to "Start Date/Time" and "End Date/Time" respectively
3. Rename the buttons to "Start" and "End" respectively
4. Edit the "Start" button property
・"Add an action" → "Edit pages" → select "This page" for the database.
・From "Edit property," select "Start Date/Time" and choose "Now."
5. Similarly, for the "End" button property, select "Now" for "End Date/Time."
6. Enter the following formula into the formula property:
round((dateBetween(prop("End Date/Time"), prop("Start Date/Time"), "seconds") / 60 / 60) * 100) / 100 + "h”
Summary
That concludes the explanation of "button properties" and the introduction of some usage ideas!
If there are any ideas you'd like to emulate, please use them as a reference.
Notion's ultimate task management template, "Todotion," is available here!
The two-hour "Notion Master Course" is now available, where you can learn Notion from scratch through videos!
The book "Notion Lifehacks," which introduces 36 ways to use Notion, is also now on sale!
