Introduction

Get Started

The easiest way to see how the Form Column works is to use the existing built-in App Expenses Claims. Here are the steps:

...

1. Start the Joget Server and open the App Center.
   
   
2. Log in as admin and click on the pencil icon on the Expenses Claim to open the Design App. (see Figure 1)
   
   Image Added
   Figure 1
   
   
3. Click on Expense Claim New and you will be directed to the Form Builder.
   
   
4. Hover the mouse over to the top right corner below the section and click Edit Column to open up Edit Column Properties (see Figure 2).
   
   Image Added
   Figure 2
   
   
5. To add new columns, hover over the section and click on the Add Column button (see Figure 3)
   
   Image Added
   Figure 3
   
   
6. To edit specific column, hover over to the top right corner within the specific column (see Figure 4)
   

^{Image Removed}

^{Figure 1}

^{Image Removed}

^{Figure 2}

...

1. 
   Image Added
   Figure

...

^{Image Removed}

...

1. 4

Column Properties

Image Added

Image Removed

Name	Description	Screen (Click to view)
Label	Column label. Blank by default.
Width	Width of the element. Code Block title Example 30% 120px
Horizontal Layout	Horizontal Layout in the arrangement of elements contained.