data-role="controlgroup" data-type="vertical" with icon

[ns-1m]

It seems that you don't have a hack / replacement for controlgroup vertical which is fine.

However, the default css is not displaying the icons in this controlgroup vertical,

e.g.

     <div id="navigation" data-role="controlgroup" data-type="vertical">
        <a href="#" data-role="button" data-icon="plus" id="plus"
           data-iconpos="notext"></a>
        <a href="#" data-role="button" data-icon="minus" id="minus"
           data-iconpos="notext"></a>
      </div>

as demonstrated in the zoom in / zoom out in JQuery mobile Openlayers.

You can see it here (zoom bar) (left hand side below of the map). http://openlayers.org/dev/examples/mobile-jq.html#mappage

How can we hack this problem (i.e. not displaying the icons (e.g. + and -)) to display those symbols.

I think you have to retain, the default behaviours of those JQM controls that you have not ported. In the case, the icon inside the vertical controlgroup.

This problem is also in present in the "layerlist" in Mobile JQuery Openlayer, the icon "check" for the grouplist is not present.

http://openlayers.org/dev/examples/mobile-jq.html#layerspage

The above page /link would have not a "check" icon in iOS inspired style.

Thanks.