Flowmap

In this article, we'll explore the concept of <b>Fields</b> within the Editor mode of our Employee Onboarding flow. Let's dive in and learn how to effectively utilize fields to streamline your workflow.

Within editor mode, you'll find three main sections:

Steps and Sections: Located on the left-hand side, this section lists all the steps and sections of your flow.

Step Content: In the middle, you'll see the content for each individual step.

Toolbar: On the right-hand side, the toolbar allows you to control different settings, including fields.

1. Steps and Sections: Located on the left-hand side, this section lists all the steps and sections of your flow.
2. Step Content: In the middle, you'll see the content for each individual step.
3. Toolbar: On the right-hand side, the toolbar allows you to control different settings, including fields.

Start by creating a step, such as "Read Me Instructions," and add relevant content.

Utilize features like adding images, headers, and emojis to enhance readability and engagement.

- Start by creating a step, such as "Read Me Instructions," and add relevant content.
- Utilize features like adding images, headers, and emojis to enhance readability and engagement.

Fields are essential for collecting information. Here's how to add them:

Click on "Fields" in the toolbar and select "New."

Specify the name and data type of the field.

Customize settings such as making the field required.

Repeat the process to add multiple fields, such as first name, last name, personal email, manager, team, and start date.

1. Click on "Fields" in the toolbar and select "New."
2. Specify the name and data type of the field.
3. Customize settings such as making the field required.
4. Repeat the process to add multiple fields, such as first name, last name, personal email, manager, team, and start date.

Mix and match different field types to create a comprehensive form. For example:

<code>Text</code> fields for names and emails.

<code>Person</code> fields to reference users within the organization.

<code>Select</code> fields for choosing options like team departments.

<code>Date</code> fields for specifying start dates.

- <code>Text</code> fields for names and emails.
- <code>Person</code> fields to reference users within the organization.
- <code>Select</code> fields for choosing options like team departments.
- <code>Date</code> fields for specifying start dates.

Enhance user experience by providing default values for fields like IT person and HR.

Include helpful instructions within the form to guide users through the process.

- Enhance user experience by providing default values for fields like IT person and HR.
- Include helpful instructions within the form to guide users through the process.

Navigating the Editor:

Adding Instructions:

Adding Fields:

Combining Field Types:

Adding Default Values and Instructions: