<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=us-ascii" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.18975"><!-- converted from rtf -->
<STYLE>.EmailQuote {
BORDER-LEFT: #800000 2px solid; PADDING-LEFT: 4pt; MARGIN-LEFT: 1pt
}
</STYLE>
</HEAD>
<BODY>
<DIV dir=ltr align=left><SPAN class=211464315-20102010><FONT color=#0000ff
size=2 face=Arial>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.</FONT></SPAN></DIV>
<DIV><FONT color=#0000ff size=2 face=Arial></FONT> </DIV>
<DIV> </DIV><BR>
<DIV dir=ltr lang=en-us class=OutlookMessageHeader align=left>
<HR tabIndex=-1>
<FONT size=2 face=Tahoma><B>From:</B> users-bounces@geoext.org
[mailto:users-bounces@geoext.org] <B>On Behalf Of </B>Andrew
Stewart<BR><B>Sent:</B> October 20, 2010 9:11 AM<BR><B>To:</B>
users@geoext.org<BR><B>Subject:</B> [Users] Question about CSS Style of
tree.LayerContainer child nodes<BR></FONT><BR></DIV>
<DIV></DIV><FONT size=2 face="Arial, sans-serif">
<DIV>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 -</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV><FONT color=#008000 face="Courier New">// ----------------BEGIN LayerLists
for Legend Menu -------------------------------</FONT></DIV>
<DIV><FONT color=#008000 face="Courier New"></FONT> </DIV>
<DIV><FONT face="Courier New"> <FONT
color=#008000>//Labels LayerList </FONT></FONT></DIV>
<DIV><FONT face="Courier New"> <FONT
color=#0000ff>var</FONT> layerList_Labels = <FONT color=#0000ff>new</FONT>
GeoExt.tree.LayerContainer({</FONT></DIV>
<DIV><FONT face="Courier New"> text:
<FONT color=#a31515>'Labels'</FONT>,</FONT></DIV>
<DIV><FONT face="Courier New">
layerStore: mapPanel.layers,</FONT></DIV>
<DIV><FONT face="Courier New"> leaf:
<FONT color=#0000ff>false</FONT>,</FONT></DIV>
<DIV><FONT face="Courier New">
enableDD: <FONT color=#0000ff>true</FONT>,</FONT></DIV>
<DIV><FONT face="Courier New">
expanded: <FONT color=#0000ff>false</FONT>,</FONT></DIV>
<DIV><FONT face="Courier New">
checked: <FONT color=#0000ff>false</FONT>,</FONT></DIV>
<DIV><FONT face="Courier New">
listeners: {</FONT></DIV>
<DIV><FONT face="Courier New"> <FONT
color=#a31515>'checkchange'</FONT> : <FONT
color=#0000ff>function</FONT>(node, checked)</FONT></DIV>
<DIV><FONT face="Courier New"> {</FONT></DIV>
<DIV><FONT face="Courier New"> <FONT
color=#008000>// If a parent node is unchecked, uncheck all the
children</FONT></FONT></DIV>
<DIV><FONT face="Courier New"> <FONT
color=#0000ff>if</FONT> (node.getUI().isChecked()) {</FONT></DIV>
<DIV><FONT
face="Courier New">
node.expand();</FONT></DIV>
<DIV><FONT
face="Courier New">
node.eachChild(<FONT color=#0000ff>function</FONT>(child){</FONT></DIV>
<DIV><FONT
face="Courier New">
child.ui.toggleCheck(<FONT color=#0000ff>true</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
});</FONT></DIV>
<DIV><FONT face="Courier New">
}</FONT></DIV>
<DIV><FONT face="Courier New"> <FONT
color=#0000ff>if</FONT> (!node.getUI().isChecked())</FONT></DIV>
<DIV><FONT face="Courier New">
{</FONT></DIV>
<DIV><FONT
face="Courier New">
node.expand();</FONT></DIV>
<DIV><FONT
face="Courier New">
node.eachChild(<FONT color=#0000ff>function</FONT>(child) {</FONT></DIV>
<DIV><FONT
face="Courier New">
child.ui.toggleCheck(<FONT color=#0000ff>false</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
});</FONT></DIV>
<DIV><FONT face="Courier New">
}</FONT></DIV>
<DIV><FONT face="Courier New"> }</FONT></DIV>
<DIV><FONT face="Courier New"> },</FONT></DIV>
<DIV><FONT face="Courier New"> loader:
</FONT></DIV>
<DIV><FONT face="Courier New">
{</FONT></DIV>
<DIV><FONT
face="Courier New">
filter: <FONT color=#0000ff>function</FONT>(record) </FONT></DIV>
<DIV><FONT
face="Courier New">
{</FONT></DIV>
<DIV><FONT
face="Courier New">
<FONT color=#0000ff>var</FONT> myarr = <FONT color=#0000ff>new</FONT>
Array();</FONT></DIV>
<DIV><FONT
face="Courier New">
myarr[0] = record.<FONT color=#0000ff>get</FONT>(<FONT
color=#a31515>"layer"</FONT>).name.indexOf(<FONT color=#a31515>"Neighbourhood
Label"</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
myarr[1] = record.<FONT color=#0000ff>get</FONT>(<FONT
color=#a31515>"layer"</FONT>).name.indexOf(<FONT color=#a31515>"Overview
Streets"</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
myarr[2] = record.<FONT color=#0000ff>get</FONT>(<FONT
color=#a31515>"layer"</FONT>).name.indexOf(<FONT color=#a31515>"Quadrant
Streets"</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
myarr[3] = record.<FONT color=#0000ff>get</FONT>(<FONT
color=#a31515>"layer"</FONT>).name.indexOf(<FONT color=#a31515>"Neighbourhood
Streets"</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
myarr[4] = record.<FONT color=#0000ff>get</FONT>(<FONT
color=#a31515>"layer"</FONT>).name.indexOf(<FONT color=#a31515>"Block
Streets"</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
myarr[5] = record.<FONT color=#0000ff>get</FONT>(<FONT
color=#a31515>"layer"</FONT>).name.indexOf(<FONT color=#a31515>"Proposed
Streets"</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
myarr[6] = record.<FONT color=#0000ff>get</FONT>(<FONT
color=#a31515>"layer"</FONT>).name.indexOf(<FONT color=#a31515>"Address Label
(Overview)"</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
myarr[7] = record.<FONT color=#0000ff>get</FONT>(<FONT
color=#a31515>"layer"</FONT>).name.indexOf(<FONT color=#a31515>"Address Label
(Detail)"</FONT>);</FONT></DIV>
<DIV><FONT
face="Courier New">
<FONT color=#0000ff>if</FONT>(myarr[0]==-1 && myarr[1]==-1 &&
myarr[2]==-1 && myarr[3]==-1 && myarr[4]==-1 &&
myarr[5]==-1 && myarr[6]==-1 && myarr[7]==-1)</FONT></DIV>
<DIV><FONT
face="Courier New">
{</FONT></DIV>
<DIV><FONT
face="Courier New">
<FONT color=#0000ff>return</FONT> <FONT color=#0000ff>false</FONT>;</FONT></DIV>
<DIV><FONT
face="Courier New">
}</FONT></DIV>
<DIV><FONT
face="Courier New">
<FONT color=#0000ff>else</FONT></FONT></DIV>
<DIV><FONT
face="Courier New">
{</FONT></DIV>
<DIV><FONT
face="Courier New">
<FONT color=#0000ff>return</FONT> <FONT color=#0000ff>true</FONT>;</FONT></DIV>
<DIV><FONT
face="Courier New">
}</FONT></DIV>
<DIV><FONT
face="Courier New">
}</FONT></DIV>
<DIV><FONT
face="Courier New">
}</FONT></DIV>
<DIV><FONT face="Courier New">
});</FONT></DIV>
<DIV><FONT color=#000080 face="Courier New"><BR></FONT></DIV>
<DIV><FONT face="Courier New"></FONT> </DIV>
<DIV> </DIV></FONT>
<DIV>
<P>
<HR>
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.
<P></P></DIV>
<DIV>
<P>
<HR>
[This message has been scanned for security content threats and
viruses.]<BR><BR>[The City of Red Deer I.T. Services asks that you please
consider the environment before printing this e-mail.]<BR>
<P></P></DIV>
<DIV><P><HR>
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.
</P></DIV>
</BODY></HTML>