Blocworx Documentation
  • Welcome to Blocworx
  • The structure of Blocworx
    • What is a project?
  • Getting Started
  • How To's
    • How To's
      • Get Started: Build a Simple Module
      • Build a simple invoicing system
  • Page
    • Page Overview
      • Page Sections
      • Modules in Pages
      • Sub Pages
      • URL Links
    • Edit a Page
    • Manage Pages
  • Module
    • Module Overview
      • Module Sections
      • Blocs in Modules
      • Automated Reports
    • Module Editor
      • Add, remove and move Sections and Blocs
      • Edit Module Location & Icon
      • Edit Module Details
      • Import from another Module
      • Delete a Module
      • Make this module available to child instances
    • Manage Modules
  • Bloc
    • Bloc Overview
    • Bloc Front End Overview
      • Data Display
      • Advanced Reports
    • Bloc Editor Overview
    • Pdf & Doc File Template Builder
    • The Blocworx Process Flow
    • Edit Templates
  • Bloc Editor
    • Bloc Form Builder Preview
    • Fields, Tools and Charts
      • Standard Input Fields
        • QR Code
        • Text
        • Large Text Field
        • Checkbox
        • Multi Button
        • Dropdown from List
        • Date/Time Selector
        • Bluetooth (Beta)
        • Button
      • File & Image Fields
        • File Field
        • Multi File Field
        • Image URL Field
      • Linked Data Selection Fields
        • Dropdown from Bloc
        • Autocomplete
        • Radio Buttons From Bloc
        • Checkboxes From Bloc
        • Link Data Field
      • Content Editing Components
        • HTML Field
        • Separator Field
        • Content Editor For User (WYSIWYG)
        • Content Editor (WYSIWYG)
      • User Based Components
        • Create User Pop Up
        • Logged in Users Information
        • User Select Field
        • Signature & Authentication
      • Dynamic Output & Variable Components
        • Time/Date Difference
        • Auto Generate Field
        • Plain Data Field
        • Maths Field
        • Field Merge Builder
        • Label Field
        • Barcode Generator
      • Third Party Integration Components
        • Blocworx Gateway
        • Bartender Integration
        • File Builder
        • Mindee API
      • Charts, Results & Data Feeds
        • Local Data Doughnut Chart
        • Advanced Chart Set 1
        • Results Box
      • Sub Blocs, Tools & Components
        • Submit Button
        • Sub Bloc
        • Cross-Bloc Data Manipulator
        • Bloc List
        • Mail Alert
        • Calendar & Resource Planning
    • Field Create, Edit, Parameters, Rules and Actions
      • Creating a Field
      • Editing a Field
      • Field Parameters
        • Choose hidden options for this field
        • Mobile Configurations
        • Rule and Actions Based Parameters
        • Main Field Parameters
        • Conditional Value
        • Set Character View Limit
        • Conditional Visibility
        • Dynamic Data Update (Update Value Based On Another Date Field)
        • Field Names in Different Languages
        • Manage Field Actions
        • Load Data from Another Bloc
      • Field Rules and Actions
        • Can not be empty
        • Must Be Equal To
        • Cannot Be Equal To
        • Must be Between Two Values
        • Must be at least X number of characters
        • Must be exactly X number of characters
        • Item must have been entered elsewhere
        • Item must not have been entered elsewhere
        • A specific value is required elsewhere
        • A specific value cannot be present elsewhere
        • Populate another local field with data from elsewhere
        • Populate another local field with total from elsewhere
        • Max Allowed Duplicates
        • Can only be numbers/integers
        • Keep Data for Next Entry
        • Must be Certain Format
        • Cannot be Equal Another Local Field
        • Must be equal to another local field
        • Populate another local field with part of this field
        • Populate local field with data from another local field
        • Must have matching equivalent data in another form
    • Bloc Settings
      • Main Bloc Settings
      • Functional Behaviour Settings
      • Bloc Layout and Visibility Settings
      • Data Display Settings
      • User Restricted Data Settings
      • Manage and Build Templates
      • Bloc, User and Role Access
      • List of available Field Slugs
      • Manage Bloc Scheduler
  • Manage Data
    • Manage Data Overview
    • Raw Data and Counting Reports
    • Look Up/Edit Data
    • Find and Replace Data
  • Administration
    • Admin & Development Overview
    • Manage Users
      • Profile Filter
    • Roles & Permissions
      • Roles
      • Permissions
    • Manage Mail Alerts
  • App Settings
    • Sign In With Google
    • Timeout Setting
  • No Code Development
    • Manage Blocworx Instances
      • Parent and Child Instances
    • Edit Theme
    • Manage Modules
    • Manage Pages
    • Extra and Beta Features
Powered by GitBook
On this page
  • Form Builder Structure
  • Quick Settings
  • Building the layout

Was this helpful?

  1. Bloc Editor

Bloc Form Builder Preview

PreviousEdit TemplatesNextFields, Tools and Charts

Last updated 3 years ago

Was this helpful?

The Form Builder Preview is where you build your form, and as a result, your database table associated with that form.

Blocworx's Database Tables are created automatically by the form. They are one and the same. This is not to be confused with other no-code solutions where it's possible to create a table and link a form to that table. In Blocworx you use certain components and fields within the Bloc for linking forms to other tables.

Form Builder Structure

When building a form there is a hierarchy for placing items. This heirarchy was designed to give you control over your bloc layout.

  1. First Create a Row

  2. Then create an element inside that row

  3. Then create a field or component inside the element.

Quick Settings

Used to show fields that may be hidden as a result of the Field Conditional Visibility Parameter

Tick this option to allow the form to be full width on the page with data appearing underneath. Leaving it unticked will leave the bloc in a simple compact mode with the form on the left and data on the right.

Building the layout

The very first thing you need to do is add a row to a bloc to get started. This is because all elements must be inside a row. Rows can be moved up and down and are always full width inside the form.

Add an Element

Click the + symbol to add an element inside a row. It is not possible to create fields or components unless they are inside an element. Once clicked you must choose the width of the element.

Note: You will not have access to all the available widths if you are not in full width mode. This is because the area for the form is already so small that that having 1/12th the size of this would be unusable. One Third Size is the minimum while in compact mode.

Add a Field/Component

Note: The default field it assumes you wish to add is a standard text field. This is because it is the most commonly used field. To use another field you must press X on the Text Field pop up.

Tick to show hidden fields

Use Full Width Layout

Add New Row

Once an element is created you can add your fields inside the element. You will instantly see a pop up where you can choose your field. See our section to find out more about our fields.

Fields, Tools and Charts
Creating a Field
Typical preview of a form using the Full Width Layout. Note the empty elements which can be deleted.
The plus + symbol indicates you can add a new element