Layer list

KeisukeNozaki

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.

RobertScheitlin__GISP

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