rafaelthca / aimarajs Goto Github PK

When the container div is within a div that has a given size and the container div itself is set to "overflow-y: auto;" the expand and collapse signs are not scrolling.

But if I set the position property of exp_col and exp_col_empty to relative in Aimara.css then everything works within my structure and in your example also.

I am not sure if this is a bug in my code or in Aimara.css.

Modified Aimara.css:

img.exp_col {
	position: relative;
	margin-top: 4px;
	margin-left: -20px;
	vertical-align: sub;
}

img.exp_col_empty {
	position: relative;
	margin-top: 4px;
	margin-left: -20px;
	vertical-align: sub;
	width: 16px;
}

My Layout and CSS:

<div id="content">
        <div id="tabAssets" >
            <div id="treeAssets"></div>
            <div id="assetDetails"></div>
        </div>
</div>

#content {
  display: block;

  /* make the content to fill entire page (parent is body) - header and footer */
  position: absolute;
  top: 50px;
  bottom: 30px;
  left: 0px;
  right: 0px;
  padding: 5px;
}

#tabAssets {
  display: grid;
  grid-template-columns: 2fr 6fr;
  grid-template-areas:
  "treeAssets assetDetails"
  ;
  grid-gap: 5px; 

  /* make the content to fill entire parent */
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;

  padding: 5px;
}

#treeAssets {
    grid-area: treeAssets;
    display: inline-block;
    max-height: inherit;
    overflow-y: auto;
}

How to save and load tree structure? i mean using JSON?

I modified both the javascript and .css files to do this.

Here are the 2 added lines of javascript to "adjustLines", with existing surrounding code shown for context:

            if (item != null)
                if (item.tagName.toLowerCase() == "li") {
                    item.className = "";
                    item.style.backgroundColor = 'transparent';
                }
        }

New>> var root = lists[0]; // set Root node's className to "first" to eliminate line at top of node
New>> root.lastChild.className = "first";
}
}

window.onclick = function() {
	if (tree.contextMenuDiv!=null)
		tree.contextMenuDiv.style.display = 'none';

Here's the new .css, shown after the existing ul.tree li.last style;

ul.tree li.last {
background: #fff url(lastnode.png) no-repeat;
}

New>> ul.tree li.first {
New>> background: #fff url(node.png) no-repeat;
New>> }

I would like very much to use your library in my bachelor thesis. Could you please add a license to it?

I can get the name of the node using:
node.text;

I also want to get the name of the parent of that node. How to do that ?

i want set a link how to do?

Gostaria de usar sua biblioteca. Qual a licenca do codigo?

Hello,

Can I integrate python and aimarajs .I have tree datastructure written in python but I want vizualize .So please help.