Book Image

Democratizing Application Development with Betty Blocks

By : Reinier van Altena
Book Image

Democratizing Application Development with Betty Blocks

By: Reinier van Altena

Overview of this book

This practical guide on no-code development with Betty Blocks will take you through the different features, no-code functionalities, and capabilities of the Betty Blocks platform using real-world use cases. The book will equip you with the tools to develop business apps based on various data models, business processes, and more. You’ll begin with an introduction to the basic concepts of the Betty Blocks no-code platform, such as developing IT solutions on various use cases including reporting apps, data tracking apps, workflows, and business processes. After getting to grips with the basics, you’ll explore advanced concepts such as building powerful applications that impact the business straight away with no-code application development and quickly creating prototypes. The concluding chapters will help you get a solid understanding of rapid application development, building customer portals, building dynamic web apps, drag-and-drop front ends, visual modelling capabilities, and complex data models. By the end of this book, you’ll have gained a comprehensive understanding of building your own applications as a citizen developer using the Betty Blocks no-code platform.
Table of Contents (20 chapters)
1
Part 1: Citizen Development
4
Part 2: First Steps on the Betty Blocks Platform
10
Part 3: Building Your First Application
15
Part 4: The Pro-Coder

Edit tasks

Now we’ve made our first part in viewing our records, we would also like to be able to change the data. Therefore, we need to create an Edit form.

Let’s get started by creating our second dialog on our Tasks page. Again, search for a dialog component (see Figure 9.4) and drag it below the first dialog. Now, rename it to EditDialog.

Your page should look like this now:

Figure 9.19 – EditDialog on the page

Figure 9.19 – EditDialog on the page

Now, we want to change the look and feel of the dialog we’ve just created. In order to be able to do this, select the dialog and click on Toggle Visibility (see Figure 9.6). Our dialog will pop up, and we can change the content (see Figure 9.7).

For the basic setup of our dialog, change the word Dialog to Edit task, remove the SUBMIT button, and remove the text block. Your page should look like this:

Figure 9.20 – The first step of setting up our Edit task dialog

Figure 9.20 – The first step of setting up our Edit task dialog

Now,...