Beginner - Servoy Developer Course

In this video, we begin customizing the user interface of our application. You’ll learn how elements in Servoy can be configured using properties that control their appearance and behavior. We explore how to modify text, adjust element positioning using the cssPosition property, and add helpful UI features like tooltips. By the end of this lesson, you’ll understand how to fine-tune elements on a form and position them precisely using CSS-style layout controls.

In this chapter, we introduce the Data Grid component, one of the most important elements for displaying data in Servoy applications. You’ll learn how to add a Data Grid to a form and connect it to a datasource so it can display records from a database table. We also configure columns using dataproviders and explore useful grid properties such as sorting, column resizing, and column movement. This lesson shows how Servoy can quickly transform database data into an interactive table for users.

This video explains how Servoy manages and retrieves data using foundsets. A foundset represents a set of records from a datasource that the application is currently working with. You’ll see how Servoy loads and tracks records automatically and how changes are saved back to the database. We also introduce relations, which allow you to connect tables together and display related information such as customer names connected to orders.

In this chapter, we transform our project into a multi-page application. We create a main form that acts as the central container for our app and build a navigation structure using Servoy’s menu system. You’ll also learn how to use the SideNav component to create a sidebar navigation menu that lets users switch between pages like orders and customers. This step moves the project closer to a complete application interface.

In this video, we introduce scripting in Servoy using its event-based JavaScript engine. You’ll learn how user actions, such as clicking a button, trigger events that can run custom logic. We explore how to create methods, attach them to events like onAction, and understand the difference between form methods, scope methods, and other types of logic in Servoy. This lesson lays the foundation for adding behavior and functionality to your application.

In this chapter, we build detail pages that allow users to open and edit individual records. Instead of only showing data in a grid, we create a separate form where users can view specific fields and update information. You’ll learn how to bind form elements to database fields using dataproviders and how to navigate to the detail page from a list using events triggered in the Data Grid.

Servoy automatically saves changes to records by default, but this behavior is not always ideal. In this video, we explore how auto-save works and why developers may want to control when data is written to the database. You’ll learn how to disable auto-save using the databaseManager and how this allows users to review changes, save multiple edits at once, or cancel modifications before they are committed.

In this lesson, we begin managing records in our application. You’ll explore the structure of database tables, including columns, data types, primary keys, and automatic sequences. Using this knowledge, we add scripting to create new records and remove existing ones through user interactions. This chapter expands the application with the ability to perform full CRUD-style operations.

In this chapter, we extend our application to work with related records. Instead of only managing standalone records, we display data that belongs to another record through relations. For example, we show the orders belonging to a specific customer directly on the customer detail page. You’ll also learn how to create new records through relations, allowing Servoy to automatically populate related fields.