Take the 2-minute tour ×
Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. It's 100% free, no registration required.

I am making a mobile version of a JS web application I developed. I'm noticing though that the AttributeInspector widget by default uses standard dojo/form controls. This means that the form within the widget does not work correctly on a mobile browser.

Is there a way to change the AttributeInspector so that it uses the dojox/mobile controls? Right now, I am simply providing the LayerInfos object to constructor without specifying the FieldInfos object. I'd like to avoid that if I can because I'd like the app to be able to use different layers with different fields.

Here is how I create the AttributeInspector:

var layerInfos = this.layers.map(function(layer) {
    return {
        featureLayer : layer.layerObject,
        showAttachments : true,
        isEditable : layer.layerObject.isEditable()
    };
});

this.attInspector = new AttributeInspector({
    layerInfos : layerInfos
}, this.inspectorDiv);
this.attInspector.startup();

Here is what it looks like on my Android phone:

Android Snapshot

As you can see, the fields get cut off. Also, the dropdown lists do not appear as they should on a mobile device.

Is there anyway to do this without writing a lot of code to account for different field types and domains?

share|improve this question
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.