[formEditor]

Properties

translationFiles

Option path
prototypes.<prototypeIdentifier>.formeditor.translationFiles
Data type
string/ array
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  translationFiles:
    10: 'EXT:form/Resources/Private/Language/Database.xlf'
Copied!
Good to know
Description
Filesystem path(s) to translation files which should be searched for form editor translations.

dynamicJavaScriptModules.app

Option path
prototypes.<prototypeIdentifier>.formeditor.dynamicJavaScriptModules.app
Data type
string
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  dynamicJavaScriptModules:
    app: TYPO3/CMS/Form/Backend/FormEditor
    mediator: TYPO3/CMS/Form/Backend/FormEditor/Mediator
    viewModel: TYPO3/CMS/Form/Backend/FormEditor/ViewModel
Copied!
Good to know
Description
ES6 module specifier for the form editor JavaScript app.

dynamicJavaScriptModules.mediator

Option path
prototypes.<prototypeIdentifier>.formeditor.dynamicJavaScriptModules.mediator
Data type
string
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  dynamicJavaScriptModules:
    app: TYPO3/CMS/Form/Backend/FormEditor
    mediator: TYPO3/CMS/Form/Backend/FormEditor/Mediator
    viewModel: TYPO3/CMS/Form/Backend/FormEditor/ViewModel
Copied!
Good to know
Description
ES6 module specifier for the form editor JavaScript mediator.

dynamicJavaScriptModules.viewModel

Option path
prototypes.<prototypeIdentifier>.formeditor.dynamicJavaScriptModules.viewModel
Data type
string
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  dynamicJavaScriptModules:
    app: TYPO3/CMS/Form/Backend/FormEditor
    mediator: TYPO3/CMS/Form/Backend/FormEditor/Mediator
    viewModel: TYPO3/CMS/Form/Backend/FormEditor/ViewModel
Copied!
Good to know
Description
ES6 module specifier for the form editor JavaScript view model.

dynamicJavaScriptModules.additionalViewModelModules

Option path
prototypes.<prototypeIdentifier>.formeditor.dynamicJavaScriptModules.additionalViewModelModules
Data type
array
Needed by
Backend (form editor)
Mandatory
No
Default value (prototype 'standard')
undefined
Good to know
Description
Array with ES6 module specifiers for custom JavaScript modules.

addInlineSettings

Option path
prototypes.<prototypeIdentifier>.formeditor.addInlineSettings
Data type
array
Needed by
Backend (form editor)
Mandatory
No
Default value (prototype 'standard')
undefined
Good to know
Description
Adds Javascript Inline Setting. This will occur in TYPO3.settings - object.

maximumUndoSteps

Option path
prototypes.<prototypeIdentifier>.formeditor.maximumUndoSteps
Data type
int
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  maximumUndoSteps: 10
Copied!
Good to know
Description
Define the maximum possible undo steps within the form editor.

stylesheets

Option path
prototypes.<prototypeIdentifier>.formeditor.stylesheets
Data type
array
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  stylesheets:
    200: 'EXT:form/Resources/Public/Css/form.css'
Copied!
Good to know
Description
The CSS files to be used by the form editor.

formEditorFluidConfiguration

Option path
prototypes.<prototypeIdentifier>.formeditor.formEditorFluidConfiguration
Data type
array
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formEditorFluidConfiguration:
    templatePathAndFilename: 'EXT:form/Resources/Private/Backend/Templates/FormEditor/InlineTemplates.html'
    partialRootPaths:
      10: 'EXT:form/Resources/Private/Backend/Partials/FormEditor/'
    layoutRootPaths:
      10: 'EXT:form/Resources/Private/Backend/Layouts/FormEditor/'
Copied!
Good to know
Description
Basic fluid template search path configurations.

formEditorFluidConfiguration.templatePathAndFilename

Option path
prototypes.<prototypeIdentifier>.formeditor.formEditorFluidConfiguration.templatePathAndFilename
Data type
string
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formEditorFluidConfiguration:
    templatePathAndFilename: 'EXT:form/Resources/Private/Backend/Templates/FormEditor/InlineTemplates.html'
    partialRootPaths:
      10: 'EXT:form/Resources/Private/Backend/Partials/FormEditor/'
    layoutRootPaths:
      10: 'EXT:form/Resources/Private/Backend/Layouts/FormEditor/'
Copied!
Good to know
Description
Internal setting. Template which render the inline HTML templates which are used by the form editor JavaScript.

formEditorFluidConfiguration.partialRootPaths

Option path
prototypes.<prototypeIdentifier>.formeditor.formEditorFluidConfiguration.partialRootPaths
Data type
array
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formEditorFluidConfiguration:
    templatePathAndFilename: 'EXT:form/Resources/Private/Backend/Templates/FormEditor/InlineTemplates.html'
    partialRootPaths:
      10: 'EXT:form/Resources/Private/Backend/Partials/FormEditor/'
    layoutRootPaths:
      10: 'EXT:form/Resources/Private/Backend/Layouts/FormEditor/'
Copied!
Good to know
Description
Array with fluid partial search paths for the inline HTML templates which are used by the form editor JavaScript.

formEditorFluidConfiguration.layoutRootPaths

Option path
prototypes.<prototypeIdentifier>.formeditor.formEditorFluidConfiguration.layoutRootPaths
Data type
array
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formEditorFluidConfiguration:
    templatePathAndFilename: 'EXT:form/Resources/Private/Backend/Templates/FormEditor/InlineTemplates.html'
    partialRootPaths:
      10: 'EXT:form/Resources/Private/Backend/Partials/FormEditor/'
    layoutRootPaths:
      10: 'EXT:form/Resources/Private/Backend/Layouts/FormEditor/'
Copied!
Good to know
Description
Internal setting. Array with fluid layout search paths.

formEditorPartials

Option path
prototypes.<prototypeIdentifier>.formeditor.formEditorPartials
Data type
array
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formEditorPartials:
    FormElement-_ElementToolbar: Stage/_ElementToolbar
    FormElement-_UnknownElement: Stage/_UnknownElement
    FormElement-Page: Stage/Page
    FormElement-SummaryPage: Stage/SummaryPage
    FormElement-Fieldset: Stage/Fieldset
    FormElement-GridRow: Stage/Fieldset
    FormElement-Text: Stage/SimpleTemplate
    FormElement-Password: Stage/SimpleTemplate
    FormElement-AdvancedPassword: Stage/SimpleTemplate
    FormElement-Textarea: Stage/SimpleTemplate
    FormElement-Checkbox: Stage/SimpleTemplate
    FormElement-MultiCheckbox: Stage/SelectTemplate
    FormElement-MultiSelect: Stage/SelectTemplate
    FormElement-RadioButton: Stage/SelectTemplate
    FormElement-SingleSelect: Stage/SelectTemplate
    FormElement-DatePicker: Stage/SimpleTemplate
    FormElement-StaticText: Stage/StaticText
    FormElement-Hidden: Stage/SimpleTemplate
    FormElement-ContentElement: Stage/ContentElement
    FormElement-FileUpload: Stage/FileUploadTemplate
    FormElement-ImageUpload: Stage/FileUploadTemplate
    FormElement-Email: 'Stage/SimpleTemplate'
    FormElement-Telephone: 'Stage/SimpleTemplate'
    FormElement-Url: 'Stage/SimpleTemplate'
    FormElement-Number: 'Stage/SimpleTemplate'
    FormElement-Date: 'Stage/SimpleTemplate'
    Modal-InsertElements: Modals/InsertElements
    Modal-InsertPages: Modals/InsertPages
    Modal-ValidationErrors: Modals/ValidationErrors
    Inspector-FormElementHeaderEditor: Inspector/FormElementHeaderEditor
    Inspector-CollectionElementHeaderEditor: Inspector/CollectionElementHeaderEditor
    Inspector-TextEditor: Inspector/TextEditor
    Inspector-PropertyGridEditor: Inspector/PropertyGridEditor
    Inspector-SingleSelectEditor: Inspector/SingleSelectEditor
    Inspector-MultiSelectEditor: Inspector/MultiSelectEditor
    Inspector-GridColumnViewPortConfigurationEditor: Inspector/GridColumnViewPortConfigurationEditor
    Inspector-TextareaEditor: Inspector/TextareaEditor
    Inspector-RemoveElementEditor: Inspector/RemoveElementEditor
    Inspector-FinishersEditor: Inspector/FinishersEditor
    Inspector-ValidatorsEditor: Inspector/ValidatorsEditor
    Inspector-RequiredValidatorEditor: Inspector/RequiredValidatorEditor
    Inspector-CheckboxEditor: Inspector/CheckboxEditor
    Inspector-ValidationErrorMessageEditor: 'Inspector/ValidationErrorMessageEditor'
    Inspector-Typo3WinBrowserEditor: Inspector/Typo3WinBrowserEditor
Copied!
Good to know
Description
Array with mappings for the inline HTML templates. The keys are identifiers which could be used within the JavaScript code. The values are partial paths, relative to "prototypes.prototypeIdentifier.formeditor.formEditorFluidConfiguration.partialRootPaths". The partials content will be rendered as inline HTML. This inline HTML templates can be identified and used by such a key (e.g. "Inspector-TextEditor") within the JavaScript code.

formElementPropertyValidatorsDefinition

Option path
prototypes.<prototypeIdentifier>.formeditor.formElementPropertyValidatorsDefinition
Data type
array
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formElementPropertyValidatorsDefinition:
    NotEmpty:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.NotEmpty.label
    Integer:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.Integer.label
    NaiveEmail:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.NaiveEmail.label
    NaiveEmailOrEmpty:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.NaiveEmail.label
    FormElementIdentifierWithinCurlyBracesInclusive:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.FormElementIdentifierWithinCurlyBraces.label
    FormElementIdentifierWithinCurlyBracesExclusive:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.FormElementIdentifierWithinCurlyBraces.label
    FileSize:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.FileSize.label
    RFC3339FullDate:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.RFC3339FullDate.label
    RegularExpressionPattern:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.RegularExpressionPattern.label
Copied!
Related options
Good to know
Description
Some inspector editors are able to validate it's values through a JavaScript methods. formElementPropertyValidatorsDefinition define basic configurations for such JavaScript validators. This JavaScript validators can be registered through getFormEditorApp().addPropertyValidationValidator(). The first method argument is the identifier for this validator. Every array key within formElementPropertyValidatorsDefinition must be equal to such an identifier.

formElementPropertyValidatorsDefinition.<formElementPropertyValidatorIdentifier>.errorMessage

Option path
prototypes.<prototypeIdentifier>.formeditor.formElementPropertyValidatorsDefinition.<formElementPropertyValidatorIdentifier>.errorMessage
Data type
string
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formElementPropertyValidatorsDefinition:
    NotEmpty:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.NotEmpty.label
    Integer:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.Integer.label
    NaiveEmail:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.NaiveEmail.label
    NaiveEmailOrEmpty:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.NaiveEmail.label
    FormElementIdentifierWithinCurlyBracesInclusive:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.FormElementIdentifierWithinCurlyBraces.label
    FormElementIdentifierWithinCurlyBracesExclusive:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.FormElementIdentifierWithinCurlyBraces.label
    FileSize:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.FileSize.label
    RFC3339FullDate:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.RFC3339FullDate.label
    RegularExpressionPattern:
      errorMessage: formEditor.formElementPropertyValidatorsDefinition.RegularExpressionPattern.label
Copied!
Related options
Good to know
Description
The error message for an inspector editor property validator which is shown if the validation fails.

formElementGroups

Option path
prototypes.<prototypeIdentifier>.formeditor.formElementGroups
Data type
array
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formElementGroups:
    input:
      label: formEditor.formElementGroups.input.label
    html5:
      label: 'formEditor.formElementGroups.html5.label'
    select:
      label: formEditor.formElementGroups.select.label
    custom:
      label: formEditor.formElementGroups.custom.label
    container:
      label: formEditor.formElementGroups.container.label
    page:
      label: formEditor.formElementGroups.page.label
Copied!
Related options
Good to know
Description
Every form element can be placed within a group within the form editor "new Element" modal. Every form element which should be shown within such a group, must have a group property. The form element group property value must be equal to an array key within formElementGroups.

formElementGroups.<formElementGroupIdentifier>.label

Option path
prototypes.<prototypeIdentifier>.formeditor.formElementGroups.<formElementGroupIdentifier>.label
Data type
string
Needed by
Backend (form editor)
Mandatory
Yes
Default value (prototype 'standard')
formEditor:
  formElementGroups:
    input:
      label: formEditor.formElementGroups.input.label
    select:
      label: formEditor.formElementGroups.select.label
    custom:
      label: formEditor.formElementGroups.custom.label
    container:
      label: formEditor.formElementGroups.container.label
    page:
      label: formEditor.formElementGroups.page.label
Copied!
Good to know
Description
The label for a group within the form editor "new Element" modal.