Nuxeo Server

How to Customize the HTML5 Drag and Drop Import with Metadata Form

Updated: October 13, 2017 Page Information Edit on GitHub

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.


5 days ago manonlumeau NXDOC-1346-FT review screenshot
2 years ago Manon Lumeau 9
2 years ago Solen Guitter 8
2 years ago Solen Guitter 7 | link update
2 years ago Solen Guitter 6 | Update link
2 years ago Manon Lumeau 5
2 years ago Thierry Martins 4 | update action according to NXP-18128
3 years ago Solen Guitter 3 | link update
3 years ago Solen Guitter 2
3 years ago Solen Guitter 1
History: Created by Solen Guitter