Onboarding Forms

Overview

The Onboarding Forms menu displays all forms used for the new employee onboarding process. This feature allows you to create and manage dynamic forms with various field types, validation rules, and conditional logic.

Page Navigation

The Onboarding Forms page is located in the Dashboard » Employee » Onboarding Forms menu.

Form List View

The form list page displays a table with the following columns:

• No - Sequence number
• Form Name - Name of the onboarding form
• Slug - Unique form identifier (auto-generated from form name)
• Type - Form type (onboarding)
• Status - Form status (Active/Inactive)
• Actions - Action buttons (Generate Link, Edit, Delete)

Form Data

Here are examples of registered forms:

Total Data: 1–3 of 3

Search Feature

A search column is available to easily find forms by keywords.

How to use:

1. Click the search column
2. Type the keyword you want to search for (based on form name or slug)
3. Search results will appear automatically

Rows per page

At the bottom of the page, there is a setting for the number of rows per page:

• Rows per page: 10
• Total data: 1–3 of 3

Form Actions

On each form row, action buttons are available to manage the data.

Generate Link

• Click the Generate Link icon to create a form URL
• The link can be shared with new employees to fill out the onboarding form
• Links typically follow this format: https://people.moyee.co.id/onboarding-form/[slug]

Edit

• Click the Edit icon to modify form data
• The edit form will open with pre-filled data
• Change the necessary information (Form Name, Status)
• Click Save to save changes

Delete

• Click the Delete icon to delete the form
• Confirm deletion in the dialog that appears
• Form data will be permanently deleted

Adding a New Form

To add a new form, click the New Form button.

New Form Form

The new form page displays a form for creating a new onboarding form.

Form Components:

How to Fill Out the New Form Form:

1. Form Name
   • Enter a descriptive form name
   • Example: Mubi Form, Petrogas Onboarding Form
2. Slug
   • Will be auto-filled from the form name
   • Example: mubi-form, petrogas-onboarding-form
   • Can be manually edited if needed
   • Slug must be unique and not match any other form
3. Type
   • No need to change, default is Onboarding
4. Active
   • Check if you want the form to be immediately active
   • Active forms can be used for the onboarding process
5. Click Create to save the new form
6. Click Cancel to cancel

Form Details

After creating a form, you will be directed to the form details page to manage its fields.

Form Information:

• Form Name: Mubi Form
• Slug: form-mubi
• Type: onboarding

Form Fields

This section displays the list of fields within the form.

Features:

• Search - Search for fields by keyword
• Add Field - Add a new field

Fields Table:

Adding a New Field

To add a new field to the form, click the Add Field button.

Add Field Form

The add field form page displays a form for creating a new field.

Form Components:

Field Types

Conditional Rules

Conditional rules allow a field to appear only if certain conditions are met.

JSON Format for Conditional Rules:

{
  "field_key": "department",
  "operator": "equals",
  "value": "IT"
}