Thank you for purchasing jQuery Horizontal Tree. If you have any questions that are beyond the scope of this help file, please feel free to email me via my user page contact at email@example.com. Thank you so much!
jQuery Horizontal Tree is used to visualize data in tree structures. This is a small and easy jQuery plugin that helps render a horizontal treeview-like diagram from the hierarchical data.
For example, if you want to create a family hierarchy tree where your grandfather stands at the 1st level, your father stands at the 2nd at the second level, you stand at the 3rd level, and your child stands at the 4th level.
If you want to create an organization tree for office use that has a CEO, Managers, and Employees.
This is the best plugin for you.
This plugin supports add, update, and delete functionality with Ajax and also supports drag-and-drop for branch reorganization.
All you have to do is make a single-line call to the plugin set the parameters to create the tree and supply the HTML Element ID for the nested random list component that represents the data you want to display.
This plugin also supports the drag-and-drop. Suppose you are creating an organization tree, it's very easy for you to move any employee from one place to another (by using the drag-and-drop functionality).
Don't forget to check the round icon on the left side of the branch, mouseover on it and see the magic.
Each option (parameter) has a default value as part of its definition.
You can override the default value of the option (parameter) as per your requirement.
If no argument is passing for that parameter, the plugin selects the default value.
Here are the details of each option.
This option allows you to add, update, and delete any branch through UI.
You can see the plus and pencil icons once you mouseover to any node. Click there and the popup will open where you can add and update the data.
Please check the Admin demo where you can add, update, and delete data from the tree.
default value is false.
This is an additional check that warns you before deleting any node.
Suppose by mistake you click on the delete icon then there will be a popup that asks for confirmation before deleting the branch. You can test the Admin demo.
This option is only useful if admin_access is true.
default value is true.
You can change the alignment of the tree structure with this option.
Options are left, right, and center.
default value is "center".
By default, the plugin auto-calculates the width of the tree structure.
Suppose the default width creates an issue with your web page's default CSS. Using this option you can set whatever width you want for the tree structure.
You need to enter only one value here.
Example: custom_width: 1000
default value is false.
This package contains 2 demos.
In the Admin demo, you can add, update, and delete data from the tree. You can see the add, update, and delete icons. You can say that the Admin demo contains every feature.
You can drag-and-drop for reorganization tree. Drag the tree branches that you want to move and then drop the dragged branch on the destination branch. The dragged branch will now be bound to the destination branch.
You can show OR hide a particular branch of the tree by clicking on the show hide icon.
Also, this demo is just to understand how it works dynamically. You need to update the code as per your requirement and maybe you will need to update the jQuery code somewhere.
Admin demo link: https://nioc.co.in/jquery-horizontal-tree/admin.php
In the Viewers demo, you can not add, update, delete, and drag and drop because it is only for viewers and they can only see the tree structure of the organization.
Viewers demo link: https://nioc.co.in/jquery-horizontal-tree/viewers.php
Admin demo is for an admin user who has full rights and can add, update, and delete.
Feel free to contact me at firstname.lastname@example.org anytime if you are stuck somewhere.
Once again, thank you so much for purchasing jSon Slider. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. I'll do my best to assist.