{"id":49366,"date":"2024-11-04T13:45:03","date_gmt":"2024-11-04T13:45:03","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=49366"},"modified":"2024-11-27T14:39:44","modified_gmt":"2024-11-27T14:39:44","slug":"inline-editing-for-your-form-fields","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/inline-editing-for-your-form-fields\/","title":{"rendered":"Inline editing for your form fields"},"content":{"rendered":"\n

We’re excited to announce a major enhancement to 123FormBuilder: the new inline editing<\/b> feature! This update streamlines the way you create and edit forms, making it quicker and more intuitive than ever.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n Inline editing is available for all new forms and forms duplicated starting from November 11, 2024<\/b>. Forms created before this date will keep the original side-panel menu for editing field labels and instructions.<\/span>\n <\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

With inline editing, you can now make modifications directly within the form itself by clicking any form field in the editor. No more searching through side menus for each field. Your changes happen directly on the form, making the process straightforward.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

Inline editing options<\/h2>\n\n\n\n

The inline editing feature also brings you more customization options for your labels and instructions directly in the form editor. Let’s go through each of these options below:<\/p>\n\n\n\n

First, you’ll notice that when you click on a form field the inline menu bar will display at the top of the field. The inline menu bar is slightly different for the Text content<\/b> field compared to all other fields. This allows you to choose the Text size<\/b> (Normal or different Heading sizes), Font<\/b>, and Font size<\/b>.<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"Inline<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

The following inline editing options are the same for all of the other form fields and instructions:<\/p>\n\n\n\n

<\/p>\n\n\n\n

1. Text formatting options such as Bold<\/b>, Italic<\/b>, or Underlined<\/b>:<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"Text<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

2. Text color<\/b>:<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"Text<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

3. Transparency<\/b> – adjust the color opacity:<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"Transparency\"<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

4. Add URL<\/b> – you can link relevant content directly to your form fields or instructions:<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"Add<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

5. Add Numbered & Bullet Lists<\/b> – clicking the bullet list icon once adds a bullet point to the current line or selected text. On the second click, the bullet point is changed to a number. On the third click, the list is removed:<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"Numbers<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

6. Alignment<\/b> \u2013 by default, the text is left-aligned. Clicking on the alignment button will cycle through the available alignment options in the following order: center, right, justify, and then back to left:<\/p>\n\n\n\n

<\/div>\n\n\n\n