AnsweredAssumed Answered

Change height of foldable div dinamically

Question asked by miribsystematics-co-il-esridist Employee on Feb 9, 2015
Latest reply on Feb 9, 2015 by blake.terhune

Hi everyone,

 

I develop a Custom Edit widget for one of our clients. He wants the window Info to open in the buttom left part of the map.

He also wants the Edit as a foldable widget (and not a button on the map).

 

I can do it by:

 

      onOpen: function() {
        this.layers = [];
        this.disableWebMapPopup();
        this.getLayers();
        this.initEditor();
        this._onshowinfowin = on(this.map.infoWindow, "show", this.showInfoWin); 
      },

      showInfoWin: function(evt){ 
        this.location.x = this.map.extent.xmin + (this.map.extent.xmax - this.map.extent.xmin) / 12 ;
        this.location.y = this.map.extent.ymin;
        this._mapInfoWin = this.target; 
        if(html.hasClass(evt.target._contentPane.firstChild,'esriAttributeInspector')){ 
          query(".titleButton.close", this.target).style('display', 'none'); 
          query(".titleButton.maximize", this.target).style('display', 'none'); 
        }else{ 
          query(".titleButton.close", this.target).style('display', null); 
          query(".titleButton.maximize", this.target).style('display', null); 
        } 
      }, 

The problem is that the foldable widget's height takes the whole place and hides the infoWindow.

Attach with a screenshot that demonstrates the problem

 

What is the best way to handle with it? I see few possibilities:

1. Fire the fold-up/fold down button  every time this infoWindow is opened. If that's the way, how to do it?

2. Reduce the height all the foldable widgets.

3. Reduce the height of only the Editor foldable widget (preferable). If that's the way, how to do it?

4. Any other option?

 

 

Thanks so much,

miri

Attachments

Outcomes