Skip to main content

Column How To's

How to's for the Column guide.

How to Use Column?​

How to Use Column?​

The following steps should be followed to use the Column object on a form.

Add the Column Object to the Form​

  1. Open the form design screen
  2. Go to the Toolbox panel
  3. Locate the Column object
  4. Drag and drop the object onto the form

Define the Number and Structure of Columns​

  • You can divide the screen into sections by adding multiple Columns to the form
  • Each Column can contain its own form objects
  • Column widths can be adjusted according to the design

Example:

  • 2-column form → Left: Information Fields, Right: Details
  • 3-column form → Identity / Contact / Additional Information

Place Form Objects Inside the Column​

  1. Select the form object you want to add (TextBox, ComboBox, DatePicker, etc.)
  2. Drag the object into the relevant Column
  3. Objects are displayed only within the Column they belong to

Advanced Layout Scenarios​

  • Column objects can be used inside Panel, Section, or Tabs
  • More flexible designs can be created with nested Column structures
  • Column layouts are recommended for responsive behavior

Tips​

  • Instead of placing too many objects in a single column, distribute them across columns
  • Group related fields within the same Column
  • Use Column together with Panel to improve readability

Summary​

The Column object:

  • Organizes the form layout
  • Ensures objects are aligned and easy to understand
  • Forms the foundation of professional and user-friendly form designs

What Is Column?​

What Is Column?​

The Column object is a layout component used during form design to divide the screen into columns and place other form objects in an organized manner within these columns.

With this object:

  • The form becomes more organized and readable
  • Complex forms can be divided into logical sections
  • Creating responsive (adaptive) designs becomes easier

Column plays an important role in alignment, space management, and user experience, especially on screens containing a large number of form objects.

What Is It Used For?​

  • Divides the form into vertical columns
  • Allows objects to be placed side by side
  • Creates more compact and understandable interfaces
  • Can be used together with objects such as Panel, Section, or Tabs

Usage Scenarios​

  • Placing two TextBox controls side by side
  • Displaying form fields on the left and an information panel on the right
  • Efficiently using empty space by dividing the form into columns on wide screens
  • Providing a structured layout on dashboard-like screens

Notes​

  • The Column object does not store data by itself
  • It is used for layout purposes only
  • Other form objects are added by dragging them into the Column