Blocky has 3 study Widget types: Flashcards, the Habit tracker, and the Progress tracker. This page lists the templates, the Inputs, and the Parts of each one. The controls that every widget shares, such as Size, Colors, and Corners, are on the settings page.
Create a study widget
In the create dialog, pick Study under Category, the type in Widget type, and a template under Style. Then click Open editor. For Flashcards with Notion data, turn on Add a datasource and click Continue to data instead. Create a widget gives every step.
Only charts, quotes, and flashcards take Notion data. Of the study widgets, only Flashcards can use a Notion database.
Elements and Parts of a study widget
Each study widget has its own Elements, in the tab with the name of its Widget type in the Add element dialog. A template starts with some of them, and you can add the others. The Parts of an Element are indented under it in the Elements panel. Work with Elements explains how to add an Element.
Flashcards
Flashcards show a deck of question and answer cards. A viewer flips a card to see the answer and moves to the next card. The Quiz template asks the viewer to pick from choices instead.
In the create dialog, Flashcards is Flashcards. It has 5 templates: Normal, Minimalist, Retro, Quiz, and Gradient.
Its Inputs tab has these inputs:
- Data source sets where the cards come from. Choose Written here to write the cards in the editor, or From Notion to read them from a Notion database. With From Notion, you pick the Question and Answer properties, and for the Quiz template the Choices property. Connect Notion data to widgets explains the Notion steps.
- Shuffle shows the cards in a new random order each time the widget loads. Your order comes back when you turn it off.
- Cards lists the cards that you write. Each card has a Question and an Answer. Click Add card to add one. In the Quiz template, each card also has Choices. Click Add choice to add one, and mark one choice as correct. The list shows it as the Correct choice.
The Flashcards tab of the Add element dialog has these Elements:
| Element | Parts | Templates with it |
|---|---|---|
| Card face | Heading and Text | All |
| Counter | None. It shows the card count, in a Format such as 1/5 or 1 of 5. | All |
| Options | Feedback, with its Icon and Text. Option, which styles every choice. | Quiz |
Habit tracker
The Habit tracker tracks one habit. A viewer marks each day that they do it, and the widget counts the days toward a target and the current streak.
In the create dialog, the Habit tracker is Habit. It has 6 templates: Normal, Minimalist, Retro, Heatmap, Gradient, and Gamified.
Its Inputs tab has Target days, from 1 to 1,000 days. The default is 30. The days done count toward this target. The name and the goal of the habit are the Title and Goal Elements on the canvas.
The Habit tracker tab of the Add element dialog has these Elements:
| Element | Parts | Templates with it |
|---|---|---|
| History | Day names and Days | Minimalist, Retro, Heatmap |
| Progress | Label, Value, and Bar | Normal, Heatmap, Gradient, Gamified |
| Stat | Icon, Label, Value, and Caption | All |
| Milestones | Reached and Locked | Gamified |
Progress tracker
The Progress tracker shows progress toward a goal. A viewer presses plus or minus to move the bar, the ring, or the segments one step at a time.
In the create dialog, the Progress tracker is Progress. It has 5 templates: Normal, Gradient, Gamified, Circular, and Segmented.
Its Inputs tab has these inputs:
- Goal is the value to reach. The default is 100.
- Step size is the amount that Increase and Decrease add or take away. The default is 1. An Increase that brings the value to 95% of the goal, but not to the goal, snaps to the goal. At the goal, Increase is unavailable until the value drops. An Increase that brings the value to the goal or past it resets the value to 0 and adds 1 to the level. The Gamified template shows the level.
The Progress tab of the Add element dialog has these Elements:
| Element | Parts | Templates with it |
|---|---|---|
| Progress | Label, Value, Max, Bar, Ring, and Segments | All |
| Status | Label and Value | Segmented |
| Milestones | Emojis and Values | Gamified |
| Level | None. It shows the level as Text. | Gamified |
To see each template before you create a study widget, open the study tools in the Widget catalogue.