
<html>

  <head>

    <meta content="text/html; charset=ISO-8859-1"

      http-equiv="Content-Type">

  </head>

  <body bgcolor="#FFFFFF" text="#000000">

    <br>

    <blockquote

      cite="mid:784FAC631C0CB14CAE68764151D5DA410B26D3AA@CORRIOL.icc.local"

      type="cite">

      <div class="WordSection1">

        <p class="MsoNormal">In mapfish applications it was the

          possibility to get an slider control to change opacity in

          layer tree, just right click over layer name&#8217;s. This bahaviour

          is very interesting for me, but i&#8217;m not idea how can I

          reproduce it in geoext 1.0 application.<o:p></o:p></p>

        <br>

      </div>

    </blockquote>

    I added it to the layertreebuilder ux (Alexander Dube excellent

    creation) using the contextmenuplugin,<br>

    viz this edit to LayerTreeBuilder.js<br>

    <br>

    initComponent: function(){<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.addEvents(this.CUSTOM_EVENTS);<br>

    <br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.plugins = this.plugins || [];<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.plugins.push({ptype: "gx_treenodecomponent"});<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.plugins.push(new

    GeoExt.ux.plugins.LayerTreeBuilderNodeAgent());<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.plugins.push(new GeoExt.tree.ContextMenuPlugin({ <br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; sliderOptions:{<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; aggressive: true,<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; plugins: new GeoExt.LayerOpacitySliderTip()<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; );&nbsp;&nbsp; <br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    GeoExt.ux.tree.LayerTreeBuilder.superclass.initComponent.call(this);<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(!this.layerStore) {<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.layerStore = GeoExt.MapPanel.guess().layers;<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>

    <br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.layerStore.on({<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "add": this.onLayerAdded,<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "remove": this.onLayerRemoved,<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; scope: this<br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br>

    <br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.layerStore.treeBuilder = this;<br>

    &nbsp;&nbsp;&nbsp; },<br>

    <br>

    See <a class="moz-txt-link-freetext" href="http://kite.gns.cri.nz/PBE/index.html#MAP:OPAConfig.json">http://kite.gns.cri.nz/PBE/index.html#MAP:OPAConfig.json</a> for

    example in action.<br>

  

<p><span style="font-family:'Arial';font-size:8pt; color:#000000;">Notice: This email and any attachments are confidential. If received in error please destroy and immediately notify us. Do not copy or disclose the contents.</span></p>

<p><span style="font-family:'Arial';font-size:8pt; color:#000000;">&nbsp;</span></p></body>

</html>