Blocks

Working with pre-built components in the Design Section

Blocks in the Budibase are pre-built components comprised of multiple Components themselves. They perform a common functionality and take away the complexity of having to repeat yourself.

Blocks especially shine if, on a single page, you only add one way of displaying data from a Data Provider.

As of this moment, there are 3 types of blocks available to be used immediately.

Adding a Block

To add a block to your application, head over to the design section, then press the Blocks button to pick a block of choice.

Once you choose one of the blocks you want to have, it will appear in the design straight away. The only thing you have to do now is position the block in the place on your page where you want it to be.

Configuring Blocks

Configuration of blocks is done by clicking the block you just added. Immediately a settings panel will appear on the right.

In this panel, all configuration options are displayed in a structured manner. The most important selection you will have to make first is picking which data table you want to be displayed. This will automatically give you all options of all the available Data SourcesData Sources - Budibase is built up of multiple data sources, this can be the internal Budibase DB, but can also be your remote MySQL, PostgreSQL, REST or one of the many other sources available in Budibase..

All other options available to you in the settings panel are comprised of the different Components that were merged within the block you just selected. To learn about which components are used for each block, look at the respective section below.

Types of Blocks

Table Block

The "Table Block" is the easiest way to quickly display any data in a table. The Table Block effectively merges both the Data Provider and the Table component into one. It also integrates Searching and filtering data. This helps you simplify the logic of the page, and not have to worry about configuring two different components.

Cards Block

The Cards Block is a useful block that merges three different components into one. In order, the Cards Block uses Data Provider, Repeater and Card components.

All the configuration options relevant to all three components are available in the sidebar.

Repeater Block

The Repeater Block is a quick way to have both the Data Provider and the Repeater component into one. This way you can still configure what exactly is repeated within the repeater, but don't have to worry about having both the repeater component and the data source component.


What’s Next

Learn more about the individual components mentioned in this guide

Did this page help you?