Product changes

image description

New feature - Events and UI Actions in web pages

Nowadays, almost every web page you'll make requires some (user) interaction and page behavior, for example a date picker that pops up for the user to choose a date in a submit form. With the latest release to the Betty Blocks platform, we are very excited to announce UI Actions. With UI Actions you can build interactive web pages even easier than before. You can use our pre-defined UI Actions, but you can also create them yourself to use them and to provide them to your page builders.

Check out this introduction video about Events and UI actions

How do I use it?

UI Actions are used at the events tab (third tab) in the toolbar left. Every event requires a trigger and a UI Action. The trigger says ‘when’ the event is happening, and the UI Action says ‘what’ is happening at the event. You can use pre-defined UI Actions (toggle element, show alert, etc.) and also add custom browser triggers. 


Why and how do I create a new UI Action? 

If we haven’t built your UI Action yet, then you can create one yourself. As an experienced developer, you can make UI Actions which you can deliver to your citizen developers. Create a new event and select the drop-down. Choose the lowest option ‘create new UI Action..’ in the list. You can now start building your UI Action. Give it a name, description and the required javascript code. We also support arguments, which allows you to create user input fields which appear in the event. These fields have to completed by the user when your UI Action is used.


How do I manage my UI Actions? 

UI Actions are supported by versions, which results in a controlled setup to develop your UI Actions. Every UI Action consists of a development (Dev) version. You can change and rebuild that version as much as needed. When the time is there, you can release it. After you’ve released it, the UI Action gets a released version. Your UI Action is now ready to be used in production. If you want to change the UI Action again, you can edit the development version and start the releasing process again.


Where are my UI Actions saved? 

UI Actions are saved in the Blocks Store. Why? To make your life easier in versioning and reusability. You can use all the functionality the Blocks Store offers regarding sharing and releasing UI Actions. You can make your UI actions available for an entire organization for example.

Read more

image description

New feature - UI Component versioning and reusability

One of the key features in building your own UI Components is controllability. As a component builder, you want to have a controlled setup to create and to develop your UI Components without consequences. One of the consequences you want to resolve is that developing your UI Components directly influences markups of existing web pages. With the latest release to the Betty Blocks platform, we have added this controllability to UI Components. These elements are now supported by versions, which offers you a controllable setup for developing UI Components.

Check out this introduction video about UI versioning and reusability

How do I use it? 

You could already create your own UI Components before, but the location where your UI Components are saved has been changed. Your new created UI Components are now saved in the Blocks Store. Every created UI component consists of a development and live version of the UI Component. You can change and rebuild the development version as much as needed. When the time is there, you can release it. Releasing is done in the Blocks Store. After you’ve released it, the UI action gets a released version. Your UI action is now ready to be used in production. If you want to change the UI action again, you can edit the development version and start the releasing process again.


How do I reuse UI Components? 

Your new created UI Components are available in every application, which means you can re-use them cross-application. Because UI Components are saved in the Blocks Store, you can use all the functionality the Blocks Store offers regarding sharing and releasing. For example, you can make your UI Components available for an entire organization. Other members of that organization will also see your component in the left toolbar.

Read more

image description

Update - New fixes in the UI builder

With the latest release to the Betty Blocks platform, we have made several fixes to the page UI Builder. The purpose of this update was mainly to update current functionality that we already support.

Here is a summary of the latest fixes we've made:

  • Class input at number and other form inputs now work properly in all cases.
  • The date picker UI component can now process classes.
  • The default value option at form inputs will now work as expected.
  • Checkbox UI component can now be a required form input.
  • You can now use text and variables at component options, where desirable.
  • The form submit button can now be styled as normal button components.
  • Text expression variables can now be chosen as component option at a heading label, for example.
  • And many more fixes.. 

Read more

Experience Betty Blocks

this website uses cookies to improve your experience.