After reading this article you'll know:

  • What the Builder bar is
  • What its purpose is
  • How to use it to its full potential

A developer's best friend

To keep app-development fast and agile, you'll need to be able to access all aspects of your tools in a heartbeat. Instead of going through mazes of menu's, you want your tools centralized, easy to access. Behold, the Builder bar.

The Builder Bar is Betty Blocks' pinacle in app-development. Positioned on the most left part of your screen, the Builder bar is an (almost) always accessible menu allowing you to switch to all aspects of the platform. Go from the Back Office, to the Data Model, to Actions and back within mere seconds. 

The name says it all: Builder bar. You have to have developer rights within the application you are working to be able to see and use it. If you'd really want see how (non-developing) users experience your app, you can hide (or show) your builder bar with the B button on your keyboard. 

More about the Betty Blocks shortcuts can be found on Keyboard commands/shortcut overview.

Modules

Betty Blocks basically has two main sections: the Back Office and Pages. 

Back Office: The Back Office module is the core of your app, this is where all data is stored, based upon the structure of your Data Model. It may be all you need, but many of our customers also want a personalized front-end, which their own customers can also visit, without them having anything to do with Betty Blocks. This can be created in either Pages or Endpoints. More information about the Back Office can be found here.

Pages: The pages module gives you the possibility to create a fully customizable user interface on top of your application using the Page Builder. This front-end can be fully stylized to your own liking, without any restrictions. More information about the Page Builder can be found here.

If you want to build webpages using custom HTML, Javascript, or to render raw JSON data, take a look at Endpoints.

All components explained

Besides the modules explained above, there are a few other important components in the Builder bar, each pointing towards their own section of the platform.
Let's get into each component of the builder bar, one component at a time.

Play button

When you click on the Play button, it opens either the root custom HTML web page of your application or the preview of the Page Builder root page. This depends on whether you have created a page using the Page Builder and made that page the root of the application, or you have decided to keep the already created custom HTML root endpoint located in the Endpoint Module.

Pages

Pages will give you an overview of all the pages that have been made using the Page Builder. More information about Pages can be found here.

Datamodel

The Data Model button will open the application's Data Model. Here you can find all models, properties and relations your application has.
More information about the Data Model can be found here.

Actions

What would an application be without workflows? Click this button in the Builder bar to see your app's actions or create one if you haven't already.
More information about Actions can be found here.

Back Office

The Back Office will give you an overview of all the data that is stored within the application, based on the structure of your Data Model. More information about the Back Office can be found here.


Quick Switcher

The Quick Switcher is used to quickly search within your application.


Block Store

In the Block Store, you can find our amazing catalog of predefined Blocks, ready to use features to give your application a boost. More information about the Block Store can be found here.


Endpoints

Endpoints will give you an overview of all the endpoints that have been made without the Page Builder. More information about the Endpoints can be found here.

Tools

As the arrow indicates, there's more to this one than just Tools. Hover over this button and an additional menu will fold open. There are quite some options and each of them have an important feature. We'll show you what each one does.

Webservices

In Webservices, you can find all external services your application is connected with.
More information about Webservices can be found here.

Authentication profiles

In Authentication profiles, you can find all defined authentication profiles within your application. By default, there's always the Internal Betty Blocks account profile. This is connected to users within your application. Add additional profiles for webpage authentication. More information about Authentication profiles can be found here.

Custom models

In Custom models, you can find the custom models generated by you or the platform to be used in webpages and webservices to handle responses. More information about Custom models can be found here.

Templates

In Templates, all templates used for webpages, webservices, emails, etc. are stored and sorted on type. More information about Templates can be found here.

Variables

In Variables, you can find all global variables, which can be used throughout the entire application. More information about Variables can be found here.

Changes

In Changes, all metadata (structural) changes applied to the application can be found, who applied them and when. More information about Changes can be found here.

Logs

One of the worst things in app development is flying blind. You're building an action, you're testing it and it fails on execution. You can go to the Logs where you can find out what went wrong. More information about Logs can be found here.

Configurations

In Configurations, you can find and manage all settings required for webservice authentication and other tools. Add custom configurations to save sandbox specific values. More information about Configurations can be found here.

User management

By clicking User management, a new browser window is opened with your application's user overview in My Betty Blocks. This is where you can manage the users that have access to your application, if they're developers and have API access. More information about User management can be found here.

Mailboxes

In Mailboxes, you can find the mailboxes that you integrated in your application.
More information about Mailboxes can be found here.

Public files

In Public files, you can find all files that can be used throughout the entire application.
More information about Public files can be found here.

Online users

In Online users, you can see exactly who is online in your application, since when and which browser they are using. Useful for sending popup notifications or forcing them out of the application. More information about Online users can be found here.

Profile

In Profile, you can find links to your Betty Blocks profile and switch between your applications and their sandboxes. Just like the tools section, you can click on the Profile button and an additional menu will fold open. There are quite some options and each of them has an important feature.  

Forum

By clicking Forum, a new browser window is opened, showing you the Betty Blocks Forum. Here you can find all topics started by other Betty Blocks developers or open a new one. More information about the Betty Blocks Forum can be found here.

Documentation

By clicking Documentation, a new browser window is opened, directing you to the Betty Blocks Documentation. Here you can find articles dedicated to all aspects of the platform (including this one!). Not that useful to place a link to the Documentation, but here it is anyway!

Product changes

In Product changes, you can find an overview of updates provided by our developers regarding new features in the platform. Often combined with cool examples on how to use those features!

Status Page

By clicking Status Page a new browser window is opened, directing you to the Betty Blocks Status Page. Here you can find information about the up and downtime of the system, and if there are any Scheduled Maintenance planned.

My-BB

By clicking My Betty Blocks, a new browser window is opened with the application's overview in My Betty Blocks. This is where the application's name, URL, logo, and more are managed. More information about My Betty Blocks can be found here.

Sandbox manager

In Sandbox manager, you can find an overview of sandboxes within the current application. Also possible to create additional sandboxes.

CMD + .

Your apps

In Your apps, you can find an overview of applications you have access to (within the current organization). Also possible to switch to other organizations where access is granted and see their applications. 

CMD + ;

Profile

By clicking Profile, a new browser window is opened, directing you to your Betty Blocks' profile settings. Here you can change your name, avatar, email address and password.

Did this answer your question?