topic Re: Layer list in ArcGIS Web AppBuilder Questions

Layer list

KeisukeNozaki — Fri, 15 Aug 2014 16:43:36 GMT

Here is a layer list widget provided by WebApp Builder Beta.

It is not always easy to turn on and off on mobile devices.

Is there a way to enlarge a checkbox?

Or can I have a layer turned on or off by touching layer name?

I appreciate your advice.

Re: Layer list

RobertScheitlin__GISP — Fri, 15 Aug 2014 17:16:30 GMT

Keisuke,

The check box that the layer list widget uses is sized based on the jimu.css file and the size of the images/checked.png. So yes you could increase the size of the images/checked.png (currently 14x14px) and then adjust the height and width of the .jimu-checkbox .checkbox in the css.

Re: Layer list

KeisukeNozaki — Fri, 15 Aug 2014 19:52:11 GMT

Thank you.

But it did not work as I expected.

How hard is it to turn on or off a layer by touching layer name?

Re: Layer list

RobertScheitlin__GISP — Sat, 16 Aug 2014 03:10:21 GMT

Keisuke,

Ok, in the LayerListView.js you need to add a line and a new function.

find this line:

this.own(on(ckSelect.domNode, 'click', lang.hitch(this, this._onCkSelectNodeClick, layerInfo, ckSelect)));

and add this one below it:

this.own(on(divLabel, 'click', lang.hitch(this, this._onLabelNodeClick, layerInfo, ckSelect)));

Then add this new function:

     _onLabelNodeClick: function(layerInfo, ckSelect, evt) {
      if (ckSelect.checked) {
        ckSelect.setValue(false);
        layerInfo.setTopLayerVisible(false);
      } else {
        ckSelect.setValue(true);
        layerInfo.setTopLayerVisible(true);
      }
      evt.stopPropagation();
    },