Allow containers to take the height of content

Find code here before you post.
Locked
support
Posts: 356
Joined: Sat Apr 27, 2013 9:22 am

Allow containers to take the height of content

Post by support »

   
xui.Class('App', 'xui.Module',{
    Instance:{
        iniComponents : function(){
            // [[Code created by CrossUI RAD Studio
            var host=this, children=[], append=function(child){children.push(child.get(0));};
            
            append(
                xui.create("xui.UI.Div")
                .setHost(host,"xui_ui_div13")
                .setLeft("13.333333333333334em")
                .setTop("0.8333333333333334em")
                .setHeight("auto")
                .setCustomStyle({
                    "KEY":{
                        "border-top":"solid 1px #000000",
                        "border-right":"solid 1px #000000",
                        "border-bottom":"solid 1px #000000",
                        "border-left":"solid 1px #000000"
                    }
                })
            );
            
            append(
                xui.create("xui.UI.Group")
                .setHost(host,"xui_ui_group2")
                .setLeft("25em")
                .setTop("0.8333333333333334em")
                .setWidth("15em")
                .setHeight("auto")
                .setCaption("Group")
                .setToggleBtn(false)
            );
            
            append(
                xui.create("xui.UI.Panel")
                .setHost(host,"xui_ui_panel3")
                .setDock("none")
                .setLeft("41.666666666666664em")
                .setTop("0.8333333333333334em")
                .setWidth("13.333333333333334em")
                .setHeight("auto")
                .setCaption("Panel")
            );
            
            append(
                xui.create("xui.UI.Block")
                .setHost(host,"xui_ui_block2")
                .setLeft("1.6666666666666667em")
                .setTop("0.8333333333333334em")
                .setHeight("auto")
            );
            
            append(
                xui.create("xui.UI.Button")
                .setHost(host,"xui_ui_button10")
                .setLeft("27.5em")
                .setTop("24.166666666666668em")
                .setCaption("Add line")
                .onClick("_xui_ui_button10_onclick")
            );
            
            return children;
            // ]]Code created by CrossUI RAD Studio
        },
        _xui_ui_button10_onclick:function (profile, e, src, value){
            var ns = this;
            var addLine = function(control){
                control.setHtml(control.getHtml()+"<"+"div>a line<"+"/div>");
            };
            addLine(ns.xui_ui_block2);
            addLine(ns.xui_ui_group2);
            addLine(ns.xui_ui_div13);
            addLine(ns.xui_ui_panel3);
        }
    }
});
xui.Class('App', 'xui.Module',{
    Instance:{
        iniComponents : function(){
            // [[Code created by CrossUI RAD Studio
            var host=this, children=[], append=function(child){children.push(child.get(0));};
            
            append(
                xui.create("xui.UI.Div")
                .setHost(host,"xui_ui_div13")
                .setLeft("13.333333333333334em")
                .setTop("0.8333333333333334em")
                .setHeight("auto")
                .setCustomStyle({
                    "KEY":{
                        "border-top":"solid 1px #000000",
                        "border-right":"solid 1px #000000",
                        "border-bottom":"solid 1px #000000",
                        "border-left":"solid 1px #000000"
                    }
                })
            );
            
            append(
                xui.create("xui.UI.Group")
                .setHost(host,"xui_ui_group2")
                .setLeft("25em")
                .setTop("0.8333333333333334em")
                .setWidth("15em")
                .setHeight("auto")
                .setCaption("Group")
                .setToggleBtn(false)
            );
            
            append(
                xui.create("xui.UI.Panel")
                .setHost(host,"xui_ui_panel3")
                .setDock("none")
                .setLeft("41.666666666666664em")
                .setTop("0.8333333333333334em")
                .setWidth("13.333333333333334em")
                .setHeight("auto")
                .setCaption("Panel")
            );
            
            append(
                xui.create("xui.UI.Block")
                .setHost(host,"xui_ui_block2")
                .setLeft("1.6666666666666667em")
                .setTop("0.8333333333333334em")
                .setHeight("auto")
            );
            
            append(
                xui.create("xui.UI.Button")
                .setHost(host,"xui_ui_button10")
                .setLeft("27.5em")
                .setTop("24.166666666666668em")
                .setCaption("Add line")
                .onClick("_xui_ui_button10_onclick")
            );
            
            return children;
            // ]]Code created by CrossUI RAD Studio
        },
        _xui_ui_button10_onclick:function (profile, e, src, value){
            var ns = this;
            var addLine = function(control){
                control.setHtml(control.getHtml()+"<"+"div>a line<"+"/div>");
            };
            addLine(ns.xui_ui_block2);
            addLine(ns.xui_ui_group2);
            addLine(ns.xui_ui_div13);
            addLine(ns.xui_ui_panel3);
        }
    }
});
   

Locked