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

[Andrew Stewart]

Ok nevermind figured it out - changed all my root nodes to have a cls: 'someclass' so I could set them and then I modified the css for ext.all for the class tree-node-el and this allowed me to change the look of the child nodes since the root node was using my defined CSS class so that would stay the same.



________________________________
From: users-bounces at geoext.org [mailto:users-bounces at geoext.org] On Behalf Of Andrew Stewart
Sent: October 20, 2010 9:11 AM
To: users at geoext.org
Subject: [Users] Question about CSS Style of tree.LayerContainer child nodes

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;
                }
            }
            }
        });




________________________________
This e-mail is intended for the original recipient(s) only. If you have received it in error, please advise the sender and delete this message.

________________________________
[This message has been scanned for security content threats and viruses.]

[The City of Red Deer I.T. Services asks that you please consider the environment before printing this e-mail.]



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