How to create a custom Attribute Inspector for mobile app using the ESRI JS API

BrianBeck — Fri, 05 Apr 2013 17:06:35 GMT

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:

[ATTACH=CONFIG]23255[/ATTACH]

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?

topic How to create a custom Attribute Inspector for mobile app using the ESRI JS API in ArcGIS JavaScript Maps SDK Questions

How to create a custom Attribute Inspector for mobile app using the ESRI JS API