Drag & Drop Tree with external CSS

You can fully control your tree's look and feel by CSS. The only change in your DBTree configuration will be styled="false". And, you have to supply your own CSS stylesheet and include it with our dbtree.js file in the header of your page. Take a look at another example for a basic usage of this tree control.

Page Header

<head>
<script src="dbtree.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>

DBTree Configuration

<cfmodule template="relative path to dbtree.cfm"
instancename="id of the tree"
action="edit"
type="advanced"
datasource="name of the datasource"
table="name of the database table"
id="column name"
parent="column name"
contentfield="column name"
editpage="relative path to your edit page"
btn_addroot="create new root (option)"
btn_moveroot="move to root (option)"
btn_add="add node (option)"
btn_edit="edit node (option)"
btn_delete="delete node (option)"
btn_up="move upwards (option)"
btn_down="move downwards (option)"
styled="false">

CSS of this Example