Skip to main content
Version: 2.10

Configuring the Import Panel component

The Import Panel component shares the following configuration properties with the other UI components.

The following components are shared with the Search component:

  • data-access-id
  • data-repository-name
  • data-locale
  • data-component-id
  • data-log-level
  • data-session-id
  • data-services-url
  • data-show-ui

For details about these properties, see the Search component configuration.

:::

Import Panel configuration components​

The following parameters are specific to the Import Panel component:

PropertyDescriptionValuesExample
data-folder-idSpecifies the id of the folder where the imported content will be created, which means, the parent of the imported content. If null, then the content is created in the root folder.The folderId, or null.data-folder-id="SOME_ID"
data-allow-mime-typeDefines a comma separated list of the mime types which are allowed for the import. If null, then all mime types are allowed.A comma separated list of mime typesdata-allow-mime-type="application/pdf,image/tiff"
data-entry-typeDefines whether to import a new file, or create a new folder.
  • content (default)
  • folder
data-entry-type="content"

Import Panel component configuration example​

<!-- Place code into your HTML Body part -->

<!-- Define container size for UI Component -->
<div style="width: 100%; height: 150px;">
    <!-- UI Component - Import -->
    <import-element
        id="d1-import-component"
        data-log-level="info"
        data-locale="en"
        data-session-id="20231116171002297-b6d90899-37e5-4966-9b4a-78b01c57f961"
        data-services-url="https://dev-phoenix-adx.staging.document.one/services/"
        data-component-prefix="d1-ui-import/"
        data-repository-name="test"
        data-entry-type="content"
        data-folder-id="0231116171002297-b6d90899-37e5-4966-9b"
        data-allow-mime-type=""
        <!-- UI Component - Load module (.js) and style (.css) -->
        <script src="https://dev-phoenix-adx.staging.document.one/services/d1-ui-import/js/d1-import-component.js" id="d1-import-js" type="module"> </script>
        <link rel="stylesheet" type="text/css" href="https://dev-phoenix-adx.staging.document.one/services/d1-ui-import/js/d1-import-component.css">
    </import-element>
</div>