Discussion on jQuery Horizontal Tree

Discussion on jQuery Horizontal Tree

Cart 619 sales

aeonian supports this item


This author's response time can be up to 10 business days.

108 comments found.

Is there an option so that the organization chart appears with only one part open by default? For example only the first two levels. Thanks

You can add the “hide” class to the

  • , the child nodes will be hidden of that li.
  • Sorry, I think a part of the message is missing, is it possible?

    Yes, Sorry I missed your message. You need to add the ‘hide’ class to the LI so all the nodes in the LI will be hidden.

    Currently I’m using C# and i need the HTML code to manipulate the Tree. Can you help me provide HTML format based on your sample.

    please check you mail. I replied you there. Thank you

    Thank you for the response. I cannot however see the HTML in the backend of the website How do I access the html tags?

    How did you create HTML for tree? Are you put the static HTML there OR using CMS or it’s a dymenic HTML code getting by sql query from database?

    Hi! Am not sure what am supposed to do but my chart overflows whenever I put in the text and no longer looks like the tree in the demos. Kindly assist.

    Hi, I just check your demo. There is a <code> tag there in the tree HTML and that is causing the issue. Remove <code> tag from the tree HTML and the problem will be fixed. Thank you

    Hello drag drop is no longer working in chrome, even add is not working in the new version

    Please don’t remove that.

    If you look at your older downloads they ALL worked in the HTML / jQuery version, before your update


    Please see the debug console, and you can see the errors.

    Actually, in the old version add, update and delete worked in HTML but all the updated data was lost when the page was refreshed. So to store data I did database connection and use PHP. That’s why I created two demos. HTML and PHP

    I can’t found console error. did you see a console error in demo? Can you please send me screenshot on my gmail about error.? Thank you

    Hi team ,

    we want to buy this plugin before buy need some query about features we have some query about :

    1. we want to add one more line text ( Name and Title) 2. we want to add image icon in every node. 3. we want to expend node collapse 8 level or according to our data

    Best regards, Anuradha

    Hi team ,

    we want to buy this plugin before buy need some query about features

    we have some query about :

    1. we want to add one more line text ( Name and Title) 2. we want to add image icon in every node. 3. we want to expend node collapse 8 level or according to our data

    Best regards, Anuradha

    Is there any upcoming update, I am interested to use it for a mind-map application

    Hi I bought you item and I was thinking that I will get documentation but there is no documentation now I dont know how to use it and what kind of functions I can get from it. I want to return this product becasue it is no usefull for me

    just scroll down to bottom of this page, you will get all detail over there.

    wherever you stuck, send mail to me on

    Hi, if I click to highlight and make a hyperlink for goto another page , How to back to highlight again from new page?

    iam alrady save it in database , could you do examble for me

    iam using .net mvc C#

    Sorry, I don’t have an example right now.

    But try the below steps

    - Manipulate tree UL / LI structure and add unique data-id into each li.

    - When you redirect to another page, save that particular LI data-id into the database or cookie

    - When you come back to the tree again you just need to get that LI data-id and then use the below jQuery code (bottom on a page)

    var $data-id;

    if ($data-id) {

    $(".tree li[data-id=$data-id] > div").addClass("current");
    $(".tree li[data-id=$data-id] > div span").show();


    hi, i bought it, great work! one question: can it be possible to have one last node at the end of the tree that has join with all the last nodes of each branch, just like the first node, but at the end,

    I have a presale question.
    How the script jQuery Horizontal Tree store data for tree?
    Does we store tree data to json or what?
    Thank you
    I’m looking for your respond asap


    I have just purchased your plugin, however, I have trouble using the php version. do you have any documentation that explains how does it work. my php is 5.4. thank you

    Did you check a mail I sent you on

    I have paid a developer to fix the issues. now I have another issue when I add a new child, it does not save automatically, when I do it the second time it saves it into the db. is there away to fix that?

    Hi, PHP demo working fine from my end but I will retest it again. And I already approved your refund request. Thanks

    Does it work with bootstrap 4 and jquery 3? I need it to only display my tree , without all the crud operation. Can I achieve that with your plugin?

    just need a quick fix here. How do i disable the tree auto restructuring itself when we click on expand/collapse. I would rather have the page width increase then then tree rearranging the node to fit onto the page.

    Any suggestions would be helpful on this.



    Below function call on page load but you can call it on any other event instead of page load.



    I purchased the product today And i notice on my card i have been overcharged : USD $28.25 I also see three licenses available for download on my account (I only intended to buy one).

    Please correct this purchase as i only intend to use a single license of this product.

    Thanks Rahul

    Please, I am using the JQUERY version. I have a huge tree with around 200 elements distributed in 6 levels This turns very difficult figure out the main structure. So HOW TO to collapse into just 2 or 3 levels (1.2.3, 1.4.5 etc) to improve the readability right at the start time ??


    You can close particular branch. You need to add ‘thide’ class in

  • for that. Thanks
  • Hello,

    I bought their product today. Now I noticed that this does not work on touch-enabled devices such as mobile phones and tablets. Unfortunately I can not use it. Can you reverse the purchase?

    Best regards Sven


    Do you want to drag and drop in to touch device?

    hi again man,

    forget it, sorry i didnt see that was commented on the ajax.php, it is working now.

    One question can i put an imagen on each node instead of the nodes?

    hi, very nice work, congrats

    i have this issue: i’m not able to edit or create new nodes. my db config is working because i can parse data from the db. i try it in local machine with php 7 and also in a remote server, with my hosting provider php 5 but not working. i take look to the ajax.php but dont see anything wrong, can u help, thanks a lot man

    Hello, Can you please share a code with me. My email address If possible send me live URL. Thanks


    Tell us what you think!

    We'd like to ask you a few questions to help improve CodeCanyon.

    Sure, take me to the survey