What is the problem you are trying to solve?
Dear team,
If you create a structure with the attached JSON, and create a web content with multiple repeated fields, if you try to rearrange them, it is hard because the fields are remain quite large when you drag them.
Something like the animation and the element representing multiple elements could work well, just like in Google Drive:
Can you please add this feature to Liferay DXP?
My custom structure:
{"availableLanguageIds": ["en_US"], "contentType": "journal", "dataDefinitionFields": [{"customProperties": {"labelAtStructureLevel": true, "ddmStructureLayoutId": "", "ddmStructureId": "", "upgradedStructure": false, "fieldReference": "linksHeaderFieldSet", "rows": [{"columns":[{"size":12,"fields":["linksHeader"]}]},{"columns":[{"size":12,"fields":["linksWrapperFieldSet"]}]}], "collapsible": false}, "defaultValue": {}, "fieldType": "fieldset", "indexable": false, "label": {"en_US": "Fields Group"}, "localizable": true, "name": "linksHeaderFieldSet", "nestedDataDefinitionFields": [{"customProperties": {"fieldNamespace": "", "visibilityExpression": "", "editorConfig": null, "dataType": "string", "fieldReference": "linksHeader"}, "defaultValue": {"en_US": ""}, "fieldType": "rich_text", "indexType": "text", "indexable": true, "label": {"en_US": "Header"}, "localizable": true, "name": "linksHeader", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": ""}}, {"customProperties": {"labelAtStructureLevel": true, "ddmStructureLayoutId": "", "ddmStructureId": "", "upgradedStructure": false, "fieldReference": "linksWrapperFieldSet", "rows": [{"columns":[{"size":12,"fields":["linksWrapper"]}]},{"columns":[{"size":12,"fields":["linksWrapperFieldSetFieldSet"]}]}], "collapsible": false}, "defaultValue": {}, "fieldType": "fieldset", "indexable": false, "label": {"en_US": "Fields Group"}, "localizable": true, "name": "linksWrapperFieldSet", "nestedDataDefinitionFields": [{"customProperties": {"fieldNamespace": "", "visibilityExpression": "", "editorConfig": null, "dataType": "string", "fieldReference": "linksWrapper"}, "defaultValue": {"en_US": ""}, "fieldType": "rich_text", "indexType": "text", "indexable": true, "label": {"en_US": "Link wrapper"}, "localizable": true, "name": "linksWrapper", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": ""}}, {"customProperties": {"labelAtStructureLevel": true, "ddmStructureLayoutId": "", "ddmStructureId": "", "upgradedStructure": false, "fieldReference": "linksWrapperFieldSetFieldSet", "rows": [{"columns":[{"size":12,"fields":["accordionLinkFieldSet"]}]},{"columns":[{"size":12,"fields":["simpleLink"]}]}], "collapsible": false}, "defaultValue": {}, "fieldType": "fieldset", "indexable": false, "label": {"en_US": "Fields Group"}, "localizable": true, "name": "linksWrapperFieldSetFieldSet", "nestedDataDefinitionFields": [{"customProperties": {"labelAtStructureLevel": true, "ddmStructureLayoutId": "", "ddmStructureId": "", "upgradedStructure": false, "fieldReference": "accordionLinkFieldSet", "rows": [{"columns":[{"size":12,"fields":["accordionLink"]}]},{"columns":[{"size":12,"fields":["accordionLinkFieldSetFieldSet"]}]}], "collapsible": false}, "defaultValue": {}, "fieldType": "fieldset", "indexable": false, "label": {"en_US": "Fields Group"}, "localizable": true, "name": "accordionLinkFieldSet", "nestedDataDefinitionFields": [{"customProperties": {"fieldNamespace": "", "visibilityExpression": "", "editorConfig": null, "dataType": "string", "fieldReference": "accordionLink"}, "defaultValue": {"en_US": ""}, "fieldType": "rich_text", "indexType": "text", "indexable": true, "label": {"en_US": "Accordion Links"}, "localizable": true, "name": "accordionLink", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": ""}}, {"customProperties": {"labelAtStructureLevel": true, "ddmStructureLayoutId": "", "ddmStructureId": "", "upgradedStructure": false, "fieldReference": "accordionLinkFieldSetFieldSet", "rows": [{"columns":[{"size":12,"fields":["mobileAccess"]}]},{"columns":[{"size":12,"fields":["linkUrl"]}]}], "collapsible": false}, "defaultValue": {}, "fieldType": "fieldset", "indexable": false, "label": {"en_US": "Fields Group"}, "localizable": true, "name": "accordionLinkFieldSetFieldSet", "nestedDataDefinitionFields": [{"customProperties": {"fieldNamespace": "", "visibilityExpression": "", "dataType": "boolean", "options": {}, "fieldReference": "mobileAccess", "showAsSwitcher": false}, "defaultValue": {"en_US": "false"}, "fieldType": "checkbox", "indexType": "none", "indexable": true, "label": {"en_US": "Mobile Access"}, "localizable": false, "name": "mobileAccess", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": "If checked, a mobile icon will be displayed on the left of the link indicating the link can be accessed from a mobile phone"}}, {"customProperties": {"displayStyle": "singleline", "fieldNamespace": "", "visibilityExpression": "", "ddmDataProviderInstanceOutput": [], "autocomplete": false, "ddmDataProviderInstanceId": [], "dataType": "string", "options": {"en_US": [{"reference":"","label":"Option","value":"Option"}]}, "tooltip": {"en_US": ""}, "fieldReference": "linkUrl", "placeholder": {"en_US": ""}, "dataSourceType": "manual"}, "defaultValue": {"en_US": ""}, "fieldType": "text", "indexType": "keyword", "indexable": true, "label": {"en_US": "Accordion URL"}, "localizable": true, "name": "linkUrl", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": ""}}], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {}}], "readOnly": false, "repeatable": true, "required": false, "showLabel": true, "tip": {}}, {"customProperties": {"fieldNamespace": "", "visibilityExpression": "", "editorConfig": null, "dataType": "string", "fieldReference": "simpleLink"}, "defaultValue": {"en_US": ""}, "fieldType": "rich_text", "indexType": "keyword", "indexable": true, "label": {"en_US": "Simple links"}, "localizable": true, "name": "simpleLink", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": ""}}], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {}}], "readOnly": false, "repeatable": true, "required": false, "showLabel": true, "tip": {}}], "readOnly": false, "repeatable": true, "required": false, "showLabel": true, "tip": {}}, {"customProperties": {"displayStyle": "singleline", "fieldNamespace": "", "visibilityExpression": "", "ddmDataProviderInstanceOutput": [], "autocomplete": false, "ddmDataProviderInstanceId": [], "dataType": "string", "options": {"en_US": [{"reference":"","label":"Option","value":"Option"}]}, "tooltip": {"en_US": ""}, "fieldReference": "backgroundColor", "placeholder": {"en_US": ""}, "dataSourceType": "manual"}, "defaultValue": {"en_US": ""}, "fieldType": "text", "indexType": "keyword", "indexable": true, "label": {"en_US": "Background Color"}, "localizable": true, "name": "backgroundColor", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": "Select the color for the background. If no color is selected, the background will be dark blue"}}, {"customProperties": {"displayStyle": "singleline", "fieldNamespace": "", "visibilityExpression": "", "ddmDataProviderInstanceOutput": [], "autocomplete": false, "ddmDataProviderInstanceId": [], "dataType": "string", "options": {"en_US": [{"reference":"","label":"Option","value":"Option"}]}, "tooltip": {"en_US": ""}, "fieldReference": "colorText", "placeholder": {"en_US": ""}, "dataSourceType": "manual"}, "defaultValue": {"en_US": ""}, "fieldType": "text", "indexType": "keyword", "indexable": true, "label": {"en_US": "Text Color"}, "localizable": true, "name": "colorText", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": "Select the color for the text. If no color is selected, the text will be black"}}, {"customProperties": {"fieldNamespace": "", "visibilityExpression": "", "dataType": "double", "fieldReference": "fixHeight"}, "defaultValue": {"en_US": ""}, "fieldType": "numeric", "indexType": "keyword", "indexable": true, "label": {"en_US": "Fix Height"}, "localizable": true, "name": "fixHeight", "nestedDataDefinitionFields": [], "readOnly": false, "repeatable": false, "required": false, "showLabel": true, "tip": {"en_US": "Maximum height (in px) of the webcontent. When exceeded, text will be cut."}}], "dataDefinitionKey": "LINKS-WEBCONTENT-STRUCTURE", "defaultDataLayout": {"dataLayoutFields": {}, "dataLayoutPages": [{"dataLayoutRows": [{"dataLayoutColumns": [{"columnSize": 12, "fieldNames": ["linksHeaderFieldSet"]}]}, {"dataLayoutColumns": [{"columnSize": 12, "fieldNames": ["backgroundColor"]}]}, {"dataLayoutColumns": [{"columnSize": 12, "fieldNames": ["colorText"]}]}, {"dataLayoutColumns": [{"columnSize": 12, "fieldNames": ["fixHeight"]}]}], "description": {"en_US": "Description"}, "title": {"en_US": "Page"}}], "dataRules": [], "description": {}, "name": {}, "paginationMode": "single-page"}, "defaultLanguageId": "en_US", "description": {}, "externalReferenceCode": "352983f5-afac-058c-a6f3-e1978bb7a582", "name": {"en_US": "LINKS-WEBCONTENT-STRUCTURE"}, "storageType": "default"}
What is your project about? (e. g. Intranet, Partner Portal, Enterprise Website, etc)
Intranet
What is your proposed solution? (optional)