It's not possible to add Upload and Numeric fields to the Form View

• Type: Regression Bug
• Status: Closed
• Resolution: No Longer Reproducible
• Affects Version/s: Master
• Fix Version/s: None
• Component/s: App Builder
• Labels:
  • appbuilder_builder
  • appbuilder_create
  • appbuilder_formview
  • appbuilder_frontend
• Fix Priority: 5
• Sprint: App_Builder_7.3_10

Description

It's not possible to add Upload and Numeric fields to the Form View

Steps to Reproduce

1. Go to Control Panel > App Builder > Custom Objects > Add a Custom Object;
2. Add a Form View;
3. Try to add an Upload or a Numeric field to the Form View.

Browser console log

Uncaught TypeError: Cannot read property 'pages' of undefined
 at handleFieldAdded (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/FormBuilder/withEditablePageHeader.es.js&/o/js/resolved-module/[email protected]/js/components/FormBuilder/withMoveableFields.es.js&/o/js/resolved-module/[email protected]/js/components/SuccessPage/SuccessPagePaginationItem.soy.js&/o/js/resolved-module/[email protected]/js/components/SuccessPage/SuccessPageRenderer.soy.js&/o/js/resolved-module/[email protected]/js/components/SuccessPage/SuccessPageWizardItem.soy.js&/o/js/resolved-module/[email protected]/js/components/FormBuilder/withMultiplePages.es.js&/o/js/resolved-module/[email protected]/js/components/FormBuilder/withResizeableColumns.es.js&/o/js/resolved-module/[email protected]/js/components/FormBuilder/FormBuilder.es.js&/o/js/resolved-module/[email protected]/js/util/fieldSupport.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/columnResizedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldAddedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/util/fields.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/util/settings.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/util/focusedField.es.js&/o/js/resolved-module/[email protected]/js/expressions/Token.es.js&/o/js/resolved-module/[email protected]/js/expressions/Tokenizer.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/util/rules.es.js:131)
 at LayoutProvider._handleFieldAdded (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldEditedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldBlurredHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldClickedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/RuleBuilder/RulesSupport.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldDeletedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldDuplicatedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldMovedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldSetAddedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/languageIdDeletedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/LayoutProvider.es.js&/o/js/resolved-module/[email protected]/data_layout_builder/js/DataLayoutBuilder.es.js&/o/js/resolved-module/[email protected]/bridge/clay-dropdown/src/ClayDropdown.js&/o/js/resolved-module/[email protected]/bridge/metal-dom/src/dom.js&/o/js/resolved-module/[email protected]/bridge/metal-position/src/Position.js:75)
 at LayoutProvider.runListeners_ (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/lib/coreNamed.js&/o/js/resolved-module/[email protected]/lib/core.js&/o/js/resolved-module/[email protected]/lib/array/array.js&/o/js/resolved-module/[email protected]/lib/async/async.js&/o/js/resolved-module/[email protected]/lib/disposable/Disposable.js&/o/js/resolved-module/[email protected]/lib/object/object.js&/o/js/resolved-module/[email protected]/lib/string/string.js&/o/js/resolved-module/[email protected]/lib/metal.js&/o/js/resolved-module/[email protected]/lib/domData.js&/o/js/resolved-module/[email protected]/lib/EventHandle.js&/o/js/resolved-module/[email protected]/lib/EventEmitter.js&/o/js/resolved-module/[email protected]/lib/EventEmitterProxy.js&/o/js/resolved-module/[email protected]/lib/EventHandler.js&/o/js/resolved-module/[email protected]/lib/events.js&/o/js/resolved-module/[email protected]/lib/DomDelegatedEventHandle.js&/o/js/resolved-module/[email protected]/lib/DomEventHandle.js&/o/js/resolved-module/[email protected]/lib/domNamed.js&/o/js/resolved-module/[email protected]/lib/dom.js&/o/js/resolved-module/[email protected]/lib/DomEventEmitterProxy.js&/o/js/resolved-module/[email protected]/lib/features.js&/o/js/resolved-module/[email protected]/lib/globalEval.js&/o/js/resolved-module/[email protected]/lib/globalEvalStyles.js&/o/js/resolved-module/[email protected]/lib/events.js&/o/js/resolved-module/[email protected]/lib/all/dom.js:57)
 at LayoutProvider.emit (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/lib/coreNamed.js&/o/js/resolved-module/[email protected]/lib/core.js&/o/js/resolved-module/[email protected]/lib/array/array.js&/o/js/resolved-module/[email protected]/lib/async/async.js&/o/js/resolved-module/[email protected]/lib/disposable/Disposable.js&/o/js/resolved-module/[email protected]/lib/object/object.js&/o/js/resolved-module/[email protected]/lib/string/string.js&/o/js/resolved-module/[email protected]/lib/metal.js&/o/js/resolved-module/[email protected]/lib/domData.js&/o/js/resolved-module/[email protected]/lib/EventHandle.js&/o/js/resolved-module/[email protected]/lib/EventEmitter.js&/o/js/resolved-module/[email protected]/lib/EventEmitterProxy.js&/o/js/resolved-module/[email protected]/lib/EventHandler.js&/o/js/resolved-module/[email protected]/lib/events.js&/o/js/resolved-module/[email protected]/lib/DomDelegatedEventHandle.js&/o/js/resolved-module/[email protected]/lib/DomEventHandle.js&/o/js/resolved-module/[email protected]/lib/domNamed.js&/o/js/resolved-module/[email protected]/lib/dom.js&/o/js/resolved-module/[email protected]/lib/DomEventEmitterProxy.js&/o/js/resolved-module/[email protected]/lib/features.js&/o/js/resolved-module/[email protected]/lib/globalEval.js&/o/js/resolved-module/[email protected]/lib/globalEvalStyles.js&/o/js/resolved-module/[email protected]/lib/events.js&/o/js/resolved-module/[email protected]/lib/all/dom.js:51)
 at LayoutProvider.dispatch (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldEditedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldBlurredHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldClickedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/RuleBuilder/RulesSupport.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldDeletedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldDuplicatedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldMovedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldSetAddedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/languageIdDeletedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/LayoutProvider.es.js&/o/js/resolved-module/[email protected]/data_layout_builder/js/DataLayoutBuilder.es.js&/o/js/resolved-module/[email protected]/bridge/clay-dropdown/src/ClayDropdown.js&/o/js/resolved-module/[email protected]/bridge/metal-dom/src/dom.js&/o/js/resolved-module/[email protected]/bridge/metal-position/src/Position.js:62)
 at DataLayoutBuilder.dispatch (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldEditedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldBlurredHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldClickedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/RuleBuilder/RulesSupport.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldDeletedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldDuplicatedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldMovedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/fieldSetAddedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/handlers/languageIdDeletedHandler.es.js&/o/js/resolved-module/[email protected]/js/components/LayoutProvider/LayoutProvider.es.js&/o/js/resolved-module/[email protected]/data_layout_builder/js/DataLayoutBuilder.es.js&/o/js/resolved-module/[email protected]/bridge/clay-dropdown/src/ClayDropdown.js&/o/js/resolved-module/[email protected]/bridge/metal-dom/src/dom.js&/o/js/resolved-module/[email protected]/bridge/metal-position/src/Position.js:104)
 at onDoubleClick (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/util/fetch.es.js&/o/js/resolved-module/[email protected]/js/util/evaluation.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handleActivePageUpdated.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handleFieldBlurred.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handleFieldEdited.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handleFieldFocused.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handleFieldRemoved.es.js&/o/js/resolved-module/[email protected]/js/util/repeatable.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handleFieldRepeated.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handleFormSubmitted.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handlePaginationItemClicked.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handlePaginationNextClicked.es.js&/o/js/resolved-module/[email protected]/js/store/actions/handlePaginationPreviousClicked.es.js&/o/js/resolved-module/[email protected]/js/store/withStore.es.js&/o/js/resolved-module/[email protected]/js/containers/Form/Form.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/renderSettingsForm.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/DataLayoutBuilderSidebar.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/DataLayoutBuilderContextProvider.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/FormViewContextProvider.es.js:95)
 at handleOnDoubleClick (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/sidebar/Sidebar.es.js&/o/js/resolved-module/[email protected]/js/hooks/useKeyDown.es.js&/o/js/resolved-module/[email protected]/js/utils/client.es.js&/o/js/resolved-module/[email protected]/js/hooks/useRequest.es.js&/o/js/resolved-module/[email protected]/js/hooks/useSidebarContent.es.js&/o/js/resolved-module/[email protected]/js/hooks/index.es.js&/o/js/resolved-module/[email protected]/js/utils/clickOutside.es.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/js/utils/dragTypes.es.js&/o/js/resolved-module/[email protected]/js/components/field-types/FieldTypeDragPreview.es.js&/o/js/resolved-module/[email protected]/js/components/field-types/FieldType.es.js&/o/js/resolved-module/[email protected]/js/components/field-types/FieldTypeList.es.js&/o/js/resolved-module/[email protected]/js/utils/dataLayoutVisitor.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/DataLayoutBuilderContext.es.js&/o/js/resolved-module/[email protected]/js/util/visitors.es.js&/o/js/resolved-module/[email protected]/js/util/fields.es.js&/o/js/resolved-module/[email protected]/js/utils/generateDataDefinitionFieldName.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/actions.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/FormViewContext.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/CustomObjectFieldsList.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/CustomObjectSidebar.es.js&/o/js/resolved-module/[email protected]/js/components/FormRenderer/FormSupport.es.js&/o/js/resolved-module/[email protected]/js/components/drag-and-drop/DragLayer.es.js:50)
 at onDoubleClick (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/sidebar/Sidebar.es.js&/o/js/resolved-module/[email protected]/js/hooks/useKeyDown.es.js&/o/js/resolved-module/[email protected]/js/utils/client.es.js&/o/js/resolved-module/[email protected]/js/hooks/useRequest.es.js&/o/js/resolved-module/[email protected]/js/hooks/useSidebarContent.es.js&/o/js/resolved-module/[email protected]/js/hooks/index.es.js&/o/js/resolved-module/[email protected]/js/utils/clickOutside.es.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/js/utils/dragTypes.es.js&/o/js/resolved-module/[email protected]/js/components/field-types/FieldTypeDragPreview.es.js&/o/js/resolved-module/[email protected]/js/components/field-types/FieldType.es.js&/o/js/resolved-module/[email protected]/js/components/field-types/FieldTypeList.es.js&/o/js/resolved-module/[email protected]/js/utils/dataLayoutVisitor.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/DataLayoutBuilderContext.es.js&/o/js/resolved-module/[email protected]/js/util/visitors.es.js&/o/js/resolved-module/[email protected]/js/util/fields.es.js&/o/js/resolved-module/[email protected]/js/utils/generateDataDefinitionFieldName.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/actions.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/FormViewContext.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/CustomObjectFieldsList.es.js&/o/js/resolved-module/[email protected]/js/pages/form-view/CustomObjectSidebar.es.js&/o/js/resolved-module/[email protected]/js/components/FormRenderer/FormSupport.es.js&/o/js/resolved-module/[email protected]/js/components/drag-and-drop/DragLayer.es.js:50)
 at Object.ka (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/liferay/surface/Surface.es.js&/o/js/resolved-module/[email protected]/liferay/util/Utils.es.js&/o/js/resolved-module/[email protected]/liferay/app/App.es.js&/o/js/resolved-module/[email protected]/liferay/screen/EventScreen.es.js&/o/js/resolved-module/[email protected]/liferay/screen/ActionURLScreen.es.js:441)

Expected Result

It's possible to add Upload and Numeric fields to the Form View

Actual Result

It's not possible to add Upload and Numeric fields to the Form View

Reproduced In

master: 962a82155b6b6a1fa4fb69f5ce246e5b02518af3