Building Customized Workspaces for Developers

Introduction

Welcome to this in-depth guide on Blocks, the building blocks of the Empress workspace. Blocks are an integral part of the Empress framework, allowing developers to create fully customizable workspaces with a myriad of functionalities.

Throughout this guide, we’ll explore the nine existing types of Blocks, while outlining their purposes, functionalities, and customization options. We’ll delve into their implementation, modification, and debugging, providing comprehensive insights into this powerful feature.

An Overview of Blocks

Each Block type serves a unique purpose, offering various ways to shape your workspace. Let’s dive into each Block type:

Heading Block

A Heading Block acts as a header for sections or paragraphs. It’s perfect for structuring your workspace and improving navigability.

![Section Header](https://frappeframework.com/files/SectionHeader.png) 
![Paragraph Header](https://frappeframework.com/files/ParagraphHeader.png)

Text Block

The Text Block is used as a paragraph or description for any section. It helps to provide context or additional information within your workspace.

![Paragraph Block](https://frappeframework.com/files/ParagraphBlock.png)

Both the Heading and Text Blocks come with an inline toolbar. This toolbar currently supports header sizes from H1 to H6, bold, italic, and links.

![Inline Toolbar](https://frappeframework.com/files/InlineToolbar.png)

Card Block

A Card Block contains several links for quick navigation, which can be a DocType, Report, or Page.

![Card Block](https://frappeframework.com/files/CardBlock.png)

Chart Block

The Chart Block allows you to add any Dashboard Chart to your workspace.

![Chart Block](https://frappeframework.com/files/ChartBlock.png)

Shortcut Block

The Shortcut Block facilitates quick navigation to any DocType, Report, or Page. It can also be customized to select the view and add filters that will be applied when you open the selected view.

![Shortcut Block](https://frappeframework.com/files/ShortcutBlock.png) 
![Shortcut Features](https://frappeframework.com/files/ShortcutFeatures.png)

Spacer Block

The Spacer Block is used to add space between two blocks or to position other blocks by adding white space before or after the block.

![Spacer Block](https://frappeframework.com/files/SpacerBlock.png) 
![Spacer Separator](https://frappeframework.com/files/SpacerSeparator.png) 
![Spacer Separator Output](https://frappeframework.com/files/SpacerSeparatorOutput.png)

Onboarding Block

The Onboarding Block guides first-time users when they land on your page. It includes steps to learn a specific module.

![Onboarding Block](https://frappeframework.com/files/OnboardingBlock.png)

Quick List Block

The Quick List Block displays recently updated records of selected doctype and allows for some filters. It also features options to refresh the list, update filters, create new records, and open a doctype’s list view.

![Quick List Block](https://frappeframework.com/files/QuickListBlock.png)

Number Card Block

The Number Card Block lets you add any existing Number Card to your workspace.

![Number Card Block](https://frappeframework.com/files/NumberCardBlock.png) 

Conclusion

The Blocks feature provides a robust and flexible method to customize your Empress workspace. By understanding and utilizing each type of Block, you can transform your workspace into a more intuitive and efficient environment. As this feature continues to evolve, developers can expect even more tools and functionalities to streamline workspace customization and enhance user experience.