Code

Discussion on jQuery Horizontal Tree

Discussion on jQuery Horizontal Tree

By
Cart 653 sales

pateltn supports this item

Supported

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

113 comments found.

Hi, I just sent you a message about the bug in the code regarding dragging elements. I figured out the problem. You have to reset the styles that are attached during the drag event. This solves the problem with the forms appearing behind child elements after a drag event is denied.

Here’s the simple fix that you place after your alert in the droppable function:

$(’.li_children div’).attr({‘style’ : ’’}); call_structure(); draggable_event();

Best, Josh

Hi, My license key is e117e853-794b-45fe-b9f2-46e9d53b8bbe

I’ve tried to fix this issue for over an hour before contacting you. But I’ve been unsuccessful (apart from a pretty unreliable “hack” that I’m not comfortable putting into production).

The problem: If you drag an element on to a child element, you get the alert popup that you cannot move an element on to one of its children.

The element then pops back to its original location.

If you then click the “edit” or “add” button on the same element, you’ll notice the form appears BEHIND the child elements rather than on top of.

While that doesn’t seem like a major issue, it is in my instance because I’m putting other checks in that don’t allow other moves just like you’re doing when attempting to move on to a child element.

But then if you try to add/edit the same element you can’t see the form.

Please let me know how to fix this!

Thank you, Josh Cope

hi, whats changed in this version?

1 Inside the demo you have jquery latest, but inside the plugin files you jquery 1.11 debugger is complaining.

2 Also what is the structure stored in DB, is it one long string of li/ul items with or without slashes?

Hi,

I just update hover functionality in tree.js file. There is attached tree.sql file with php code. Please check it.

Thanks

hi, I’ve bought it, but why I am not see the icon (add,edit,del..)? I’ve hover the pointer to the top of the box still does not appear. Only minimize icon appear.

Hi,

You can see add, edit icon in admin but can’t see it in front end side. bcos only admin have add and edit access.

Thanks

Still you have any confution please mail me on aeonian.in@gmail.com

Hi I want to know, what it’s look like for the input of your plugin?

since I need to adjust it with my data fetch from database.

Hi,

PHP code is inbuilt with this plugin, you can find database file and php file with this code. Please check it and let me know I you have any doughts.

Thanks

Hi Aeonian,

I just bought your superb plugin. However, I need your sugestion regarding your plugin’s width.

In a some case, the children of my dataset, which have same level, did’t placed equally in the graph. It placed in the bottom of the page, instead of stay equally in their level. So it makes difficult to read the graph.

How to adjust it?

.Thanks.

Hi,

If you check Full width option then all same lavel nodes placed equally in tree. but if there are more nodes then horizontal scroll will appear in bottom.

If you don’t want scroll then uncheck Full width but in this case nodes placed automaticaly.

Actually same lavel nodes display equally without horizontal scroll is not possible.

Also you can set Alignment left of right via option page.

Thanks

1-can I use this inside codeignter 2- can I use pop up block if using mouseover or mouseCLick event

Hi, Sorry for late replay, 1. This is jQuery plugin so you can your it. 2. For this you have to update code in plugin js file

Thanks

1-is it possible to integrate with codeignter or not , I mean I need to use only css and jquey and using database connection using my codeignter connection ?

You can use it.

also can i make pop up using mouse over in image or not

Need to update plugin js file for that

Hi, 1- can I use images with some buttons inside or not

You can update any image in this plugin but which image are you want to update. please send me mail in detail if possible please send me screen shot. aeonian.in@gmail.com

Thanks

Hi!!,

I bought this project, but I am working localhost and doesn´t work, Is necesary upload to server? or what is problem?, my logs doesn´t show anything

Hi,

Basically this is jQuery plugin, server is not require for ran this jQuery plugin. But there is also PHP code inbuilt with this plugin so if you want to ran PHP code the you have to put PHP code in to server and also set database. follow below step.

Step 1 : Put downloaded folder in your system local PHP server[maybe it is htdocs]. Now create blank database in phpmyadmin & import tree.sql[tree.sql is located in demo_php_ajax folder] Note : Blank database name must be tree.

Step 2 : Open db.php and edit mysql connection with your database username and password.

Now ran index.php

Thanks

Hi,

I did all, but doesn’t work, What I doing wrong?.

in the logs don’t show any errors

Can you please send me screenshot on my gmail aeonian.in@gmail.com directly Also I will check it from my end and replay you soon

Thanks

You updated this item today. Can you please list what’s new?

Hi, I just updated jQuery version in last update. Thanks

is there a changelog with this update?

Hi, Actually, I don’t manage change log but I send change detail message with each update. I just updated jQuery version in last update. I will try to manage change log. Thanks

We are having difficulties printing the tree as most of the data is being cut off. Do you have a solution or any advice for us?

Sorry but printing css not added in tree plugin.

Hi Thanks for this great work i need to confirm some point before i buy it:
1 – Can i resize the node.
2 – Can i have image and description inside the node.
3 – I’m getting this one for my company so which licence i should get Thanks

Hi,

Thank You

1 – Can i resize the node.

Yes if you want to change node with and right then you can do it with use of CSS.

2 – Can i have image and description inside the node.

For adding extra field you have to add some fields from your end.

3 – I’m getting this one for my company so which licence i should get

There are two type of licence regular and extended please read below link for licence detail http://codecanyon.net/licenses/terms/regular http://codecanyon.net/licenses/terms/extended

Thanks

Hello. I am just starting to work with this. The demo before I purchased it shows it as responsive. The example doesn’t seem to be. Any help you can give me towards making it responsive would be great. Thank you!

Hi,

Tree is responsive but footer content is not responsive. Please remove footer content in demo page (index.html) and check it again.

Thanks

how can i save new branches in database?

Hi,

I created one PHP example for understanding (how to save data in db)

You can find PHP demo folder (demo_php_ajax) in source (in download folder)

Then just follow below step.

Step 1 : Put demo_php_ajax folder in your system local php server[maybe it is htdocs]. Now create blank database in phpmyadmin & import tree.sql[tree.sql is located in demo_php_ajax folder] Note : Database name must be tree.

Step 2 : Open db.php and edit mysql connection with your database username and password.

Now ran index.php

However this is jQuery plugin. You can just study PHP example code for understanding but finally you have to create database structure and code as per your requirement.

Thanks

Hello Is this possible : Multiple parent and all have same 1 child in tree?

Thanks Kunal

Hi,

It is not possible in this plugin.

Thanks

Hi, We need to have canvas(width and height) resized for “jQuery Horizontal Tree” (Instead of taking full width). We need to change the css code to accomodate left and right panel for that.

Hi,

Sorry for late replay. This plugin have separate CSS file so you can customize that as per your requirement.

Thanks

hi, i want to buy this but i need to know the following questions to be answered: 1- can i use this is MVC.NET Application? 2- can i save this to a database? 3- is there a save function in your jquery plugin? thanks

Hi,

1. This is jQuery(Javascript) plugin, you can use this in MVC.NET Application but you have to set plugin HTML and CSS in your code. 2. Yes you can save data in database but you have to create ajax functionality for that, PHP example is attached with plugin source. 3. Add, Update, Delete and Drag & Drop functionaliy included in this plugin.

Thanks

Hi, i can insert data php ajax 1 firstname and show 2 nods left and right. https://www.dropbox.com/s/vygb5o3h5uq8p40/Capture2.PNG?dl=0

Hi,

I think problem is in ajax functionality, please check browser console (how many times ajax code ran on click event)

Thanks

by
by
by
by
by
by

Tell us what you think!

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

Sure, take me to the survey