dreemgl/docs/.classdoc/ui/splitcontainer.js

DreemGL is an open-source multi-screen prototyping framework for mediated environments, with a visual editor and shader styling for webGL and DALi runtimes written in JavaScript. As a toolkit for gpu-accelerated multiscreen development, DreemGL includes

/**
 * @class splitcontainer
 * @extends view
 * Splitcontainer adds dragbars between nodes to make all the nodes resizable.
 * 
 * <iframe style="border:0;width:900px;height:300px" src="/apps/docs/example#path=$ui/splitcontainer.js"></iframe>
 * <a target="blank" href="/apps/docs/example#path=$ui/splitcontainer.js">open example in new tab &raquo;</a>
 * 
 */
/**
 * @attribute {Enum} [direction="vertical"]
 * wether the splitcontainer is vertical or not
 */
/**
 * @attribute {float32} [splitsize="8"]
 * set the width (or height) of the splitter bar
 */
/**
 * @attribute {float32} [minimalchildsize="20"]
 * the minimum size of a child controlled by the splitter
 */
/**
 * @attribute {vec4} [splittercolor="0.2823529541492462,0.2823529541492462,0.2823529541492462,1"]
 * the color of the splitter bar
 */
/**
 * @attribute {vec4} [hovercolor="0.43921568989753723,0.43921568989753723,0.43921568989753723,1"]
 * color of splitter bar on hover
 */
/**
 * @attribute {vec4} [activecolor="0.43921568989753723,0.43921568989753723,0.6274510025978088,1"]
 * color of the splitter bar when dragging it
 */