Include the client JavaScript & CSS libraries

	<link rel="stylesheet" type="text/css" href="dbnetsuite.css.ashx" />
	<script language="JavaScript" src="dbnetsuite.js.ashx"></script>

Client-side configuration script

	<script>
	jQuery(document).ready( init )

	function init()
	{
		var dbnetfile2 = new DbNetFile("dbnetfile2");
		with (dbnetfile2)
		{
			displayStyle = "Grid"
			selectionMode="FilesOnly"
			toolbarLocation="Bottom"
			folderPathLocation = "Hidden"
			search="true"
			thumbnailWidth="20"
			pageSize = 5

			setColumnTypes("Icon","Name","Folder","DateCreated","Thumbnail");
			setColumnProperty("Name","selectable",true);
			setColumnProperty("Folder","browseDisplay",false);
			setColumnProperty("Folder","searchDisplay",true);
		}

		var dbnetfile1 = new DbNetFile("dbnetfile1");
		with (dbnetfile1)
		{
			displayStyle = "Tree"
			selectionMode = "FoldersOnly"
			height="200px"
			width="200px"

			rootFolder = "~/samples/dbnetfile/files/"
			toolbarLocation = "hidden"
			autoSelectFolder = true

			addLinkedControl(dbnetfile2)

			initialize()
		}
	}
	</script>

HTML markup

<table>
    <tr>
        <td style="vertical-align:top">
			<fieldset>
				<legend>Folders</legend>
				<div id="dbnetfile1"></div>
			</fieldset>
        </td>
        <td style="vertical-align:top">
			<fieldset>
				<legend>Files</legend>
				<div id="dbnetfile2"></div>
			</fieldset>
		</td>
	</tr>
</table>