Addons

HOWTO: Customize the HTML5 Drag and Drop Import with Metadata Form - JSF UI

Updated: December 4, 2024

JSF UI Deprecation
This requires to have the JSF UI addon installed on your server that is deprecated since Nuxeo Platform LTS 2019.
Please refer to the Web UI documentation.

Make sure that the Nuxeo JSF UI target package is checked in your project's Application Definition to get all the needed features in Nuxeo Studio.

HTML5 Drag and Drop enables users to import documents in a folder and fill in their metadata at the same time.

Follow the steps to below to customize the import form.

  1. In Nuxeo Studio, create a new XML Extension with the following content:

    <extension target="org.nuxeo.ecm.platform.actions.ActionService"
      point="actions">
     <action id="Chain.FileManager.ImportWithMetaDataInSeam"
          link="/nuxeo/dndFormCollector.faces?schemas=yourschemas&#038;layouts=dndEdit%40create"
          order="30" label="label.smart.import.with.md"
          help="desc.smart.import.with.md">
          <category>ContentView</category>
          <filter-id>create</filter-id>
     </action>
    </extension>
    
    
  2. In the& link= element, change yourschemas for your schema prefixes.

    Make sure to mention all the prefixes of the schemas concerned by the fields of the dndEdit form.

  3. Go to Listings & Views > Form Layouts and click on New.
  4. Name your layout dndEdit.
  5. Drag and drop the widgets you need in the Creation Layout tab.
  6. Click on Save.
  7. Deploy your changes and drag and drop documents to display the smart import with metadata form.

Notes about the Drag and Drop form

It is currently not possible to use tags, collections or complex types on this form.