Features

imDocShare Content Browser

Introduction

imDocShare Content Browser is an add-on that can be used to view and interact with iManage content inside your custom project. This document outlines how users can set up and configure the imDocShare Content Browser component.
  • imDocShare Content Browser component can be added to the following project types:
    • .NET Core / MVC
    • PHP
    • Java
    • React/Angular Application
    • Angular JS
  • Learn how to map the imDocShare Content Browser component to a button.
  • Setup the configuration for Workspace and Folder sources.

Adding the imDocShare Content Browser component

Add the imDocShare Content Browser component to a particular path in your .NET Core or React or Angular project.

Example:

Adding the imDocShare Content Browser component

Adding imDocShare license

Add the imDocShareLicenseKey.txt in this location “/imDocShare /assets/images/foldericons/”.

imDocShare automatically runs license checks every time our component is loaded. License checking requires an internet connection to verify with our servers.

If you see an error message which reads “Unable to locate license key” this means that imDocShare was unable to find your license key, contained in imDocShareLicenseKey.txt. Please ensure that this file is in the correct directory path.

If you see an error message which reads “Invalid License”, this means that imDocShare was able to find the key in your system, however, validating the key with our server has failed. This could be caused by anything from server outage to local internet issues to an expiry of license.

Please contact imDocShare support if either of these messages are encountered and you are unable to resolve the issue.

Mapping the imDocShare Content Browser component to a button

You can program imDocShare to activate via a button by adding a button with a specific ID to your html content. Add the button with the id entitled “imDocShareContentBrowse_In_iframe” or “imDocShareContentBrowse_In_window”.

  • Using ” imDocShareContentBrowse_In_iframe” will open the Content Browser component in an iFrame popup and using “imDocShareContentBrowse_In_window” will open the Content Browser component in a separate window.

Example buttons:

  • <button type=”button” id=”imDocShareContentBrowse_In_iframe”> Browse by iFrame </button>
  • <button type=”button” id=”imDocShareContentBrowse_In_window”> Browse by window</button>
  • Add the script to load the imDocShare Content Browser component JS file.

Example script:

<script src=”~/js/imDocShare /imDocShare.js”></script>

imDocShare Content Browser component path

Add the path of imDocShare Content Browser component in the variable “IMDOCSHARE _PATH” which is used to get the path of the browse component inside the project.

 

Example:

IMDOCSHARE _PATH = “/js/imDocShare /”;

imdocshare Component Path

Configuration

The config is used to setup sources, base URL, asset path, show and hide the buttons in Content Browser component. Users can update the config in any page using the variable IMDOCSHARE_CONFIG. This variable must have the JSON format shown below which is used to load the browse component.

Config Example:

IMDOCSHARE_CONFIG = {
    viewType: 'browse',
    assetPath: 'https://localhost:7916/js/imDocShare/assets/images/foldericons',
    primarySource: [
    {id: 'Active', type: 'library'},
    {id: 'ACTIVE!60', type: 'workspace'},
    {id: 'ACTIVE!150', type: 'folder’}
   ],
    libraryId: 'Active',
    docsPerPage: 50,
    searchBehavior: 'searchAll',
    contextMenu: [ ],
    showLogo: false,
    showLogout: true,
    showUpload: true,
    showBulkDownload: true,
    showRefresh: true,
    showFilter: true,
    showExport: true,
    allowMultiSelection: true
  }

Config Explanation

Config values that are not mentioned in this section can be safely removed from the config as they do not have an effect in this specific case.

  • viewType is mandatory and there is no need to change the value “browse”.
  • assetPath is the full path where static assets are stored and must be obtained during deployment. This config is mandatory as it is also used to determine licensing information.

Your asset Path might look like the following:

{path of imDocShare Content Browser component}/assets/images/foldericons/

  • primarySource property is used to add the multiple sources (using iManage IDs) to display in the browse window.
  • showLogo, showLogout, showSearchBox, showUpload, showBulkDownload, showRefresh, showFilter, showExport, are optional properties that show or hide specific features from view. showLogo controls whether an imDocShare logo is displayed on the top left. showLogout, when turned on, will display a User greeting and the option to logout on the top right. showSearchBox hides or shows the search box.
  • libraryId property is used to configure which library is used in iManage.
  • searchBehavior property is used to control the search. If configured search behavior is “searchAll” it will search all configured sources and if configured search behavior is “searchContainer” it will search in the current active container.
  • docsPerPage property is used to set the number of contents to display in page if Exide of the content is shown in the next page.
  • allowMultipleSelection property is used to allow User to select multiple selectios or single selection. If allowMultipleSelection is true it’s allowed to do multiselecting otherwise it’s a single selection.