Inline editing for your form fields

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

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

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.


Inline editing options

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:

First, you’ll notice that when you click on a form field the inline menu bar will display at the top of the form. The inline menu bar is slightly different for the Text content field compared to all other fields since it allows you to choose the text size (Normal or different Heading sizes).

Inline text content

The following inline editing options are the same for all of the other form fields and instructions:

1. Text formatting options such as BoldItalic, or Underlined:

Text format options

2. Text color:

Text color

3. Transparency – adjust the color opacity:

Transparency

4. Add URL – you can link relevant content directly to your form fields or instructions:

Add URL

5. Add Numbered & Bullet Lists – 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:

Numbers and bullet lists

6. Alignment – 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:

The changes made inline are saved automatically when you press Enter, click outside the field, or even when you navigate away from the field. Inline editing is responsive and it works on both desktop and mobile devices.

Ready to simplify your form-building process? Try out inline editing on your new forms and let us know what you think!

Leave a Reply

Your email address will not be published. Required fields are marked *

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form for more information. in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?