[Users] Question about CSS Style of tree.LayerContainer child nodes

Andrew Stewart Andrew.Stewart at reddeer.ca
Wed Oct 20 17:11:20 CEST 2010


I had this working before not sure what I changed but after I upgraded the child nodes from my layercontainer (which is basically my layerlist control) are back to a large font and trying to make them smaller. In the below code, can I change the font size of the child nodes loaded through my filter anywhere? I have tried to change x-tree-node classes in the ext.css etc but it only has an effect on each node overall not just the children/leaf.. Any way I can do this? Appreciate any advice on how to change the CSS class of my child nodes from the following -


// ----------------BEGIN LayerLists for Legend Menu -------------------------------

      //Labels LayerList
        var layerList_Labels = new GeoExt.tree.LayerContainer({
        text: 'Labels',
        layerStore: mapPanel.layers,
        leaf: false,
        enableDD: true,
        expanded: false,
        checked: false,
        listeners: {
    'checkchange' :  function(node, checked)
    {
        // If a parent node is unchecked, uncheck all the children
        if (node.getUI().isChecked()) {
            node.expand();
            node.eachChild(function(child){
              child.ui.toggleCheck(true);
            });
        }
        if (!node.getUI().isChecked())
        {
            node.expand();
            node.eachChild(function(child) {
                child.ui.toggleCheck(false);
            });
        }
    }
  },
        loader:
        {
            filter: function(record)
            {
                var myarr = new Array();
                myarr[0] = record.get("layer").name.indexOf("Neighbourhood Label");
                myarr[1] = record.get("layer").name.indexOf("Overview Streets");
                myarr[2] = record.get("layer").name.indexOf("Quadrant Streets");
                myarr[3] = record.get("layer").name.indexOf("Neighbourhood Streets");
                myarr[4] = record.get("layer").name.indexOf("Block Streets");
                myarr[5] = record.get("layer").name.indexOf("Proposed Streets");
                myarr[6] = record.get("layer").name.indexOf("Address Label (Overview)");
                myarr[7] = record.get("layer").name.indexOf("Address Label (Detail)");
                if(myarr[0]==-1 && myarr[1]==-1 && myarr[2]==-1 && myarr[3]==-1 && myarr[4]==-1 && myarr[5]==-1 && myarr[6]==-1 && myarr[7]==-1)
                {
                return false;
                }
                else
                {
                return true;
                }
            }
            }
        });







-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.geoext.org/pipermail/users/attachments/20101020/260b93c9/attachment.htm 


More information about the Users mailing list