Adding Choice Field Type to Schema Builder

I'll add a new "choice" field type that allows administrators to define selectable options for end users.

Choice Field Type Features

I've added a new "choice" field type to the schema builder with the following capabilities:

For Administrators:

1. Define Options: Add and remove options that end users can select from

2. Selection Mode:

   • Toggle between single choice (radio buttons) or multiple choice (checkboxes)

3. Selection Requirements:

   • Set minimum number of choices (0 = optional, 1+ = required)
   • Set maximum number of choices (limit how many options can be selected)

4. Validation:

   • Ensures at least one option is defined
   • Validates that min/max choices are logical (min ≤ max, max ≤ total options)

User Interface:

1. Field Dialog:

   • New "Choice" option in the field type dropdown
   • Option management interface with add/remove functionality
   • Configuration for single/multiple choice
   • Min/max selection controls for multiple choice fields

2. Field Display:

   • Shows all defined options as badges
   • Indicates selection mode (single or multiple)
   • Displays min/max requirements for multiple choice fields

3. Preview:

   • Shows radio buttons for single choice fields
   • Shows checkboxes for multiple choice fields
   • Displays all options as they would appear to end users

JSON Schema:

The choice field adds these properties to the schema:

• options: Array of available choices
• multipleChoice: Boolean indicating if multiple selections are allowed
• minChoices: Minimum number of selections required (for multiple choice)
• maxChoices: Maximum number of selections allowed (for multiple choice)

This implementation gives administrators complete control over how end users will interact with choice fields in the content forms.

Adding Title and Help Label to Schema Fields

I'll add title and help label properties to each field in the schema builder.

Title and Help Label Added to Schema Fields

I've updated the schema builder to include title and help label properties for each field. Here's what's been added:

New Field Properties

1. Title: A display-friendly label for the field

   • Separate from the field name (which serves as a technical identifier)
   • Used in forms and UI presentations
   • Falls back to the field name if not provided

2. Help Label: Contextual guidance for users

   • Provides specific instructions when filling out the field
   • Displayed as smaller, italicized text below the field
   • Different from the description (which explains the field's purpose)

Updates to the Interface

1. Field Dialog:

   • Added a "Display Title" input field
   • Added a "Help Label" input field
   • Added explanatory text to clarify the purpose of each property

2. Field Display:

   • Shows the title in the field list (falls back to name if no title)
   • Maintains all other field information display

3. Preview Panel:

   • Uses the title as the field label (falls back to name if no title)
   • Shows the help label as italicized text below the field
   • Maintains the description display

4. JSON Schema:

   • Includes title and helpLabel properties in the output

Benefits

• Better Separation of Concerns:

  • Name: Technical identifier (camelCase recommended)
  • Title: User-friendly display label
  • Description: Purpose of the field
  • Help Label: Guidance for filling out the field

• Improved User Experience:

  • End users get clearer instructions
  • Field labels can be more user-friendly while maintaining technical naming conventions

This enhancement makes the schema builder more flexible and user-friendly, allowing administrators to provide better guidance to end users who will be filling out forms based on these schemas.