Select Item multipleAppearance:grid

[acarur01]

There seems to be some inconsistency in how the following code is generated in mobile browsers.
In both the iPad Safari browser and the default browser on the Samsung Galaxy Tablet, the example is shown as an empty box until you select something. If you run the same testcase using Galaxy Tablet and Firefox, the list is shown initially (like what you see on a desktop). Is this completely browser-related behaviour or is this a bug?

isc.DynamicForm.create({
    width: 500,
    fields: [{
        name: "shipTo", title: "Ship to", type: "select",multiple:true,multipleAppearance:"grid",height:100,
        hint: "<nobr>Overnight shipping available for countries in bold</nobr>",
        valueMap: {
            "US" : "<b>United States</b>",
            "CH" : "China",
            "JA" : "<b>Japan</b>",
            "IN" : "India",
            "GM" : "Germany",
            "FR" : "France",
            "IT" : "Italy",
            "RS" : "Russia",
            "BR" : "<b>Brazil</b>",
            "CA" : "Canada",
            "MX" : "Mexico",
            "SP" : "Spain"
        },
        imageURLPrefix:"flags/16/",
        imageURLSuffix:".png",
        valueIcons: {
            "US" : "US",
            "CH" : "CH",
            "JA" : "JA",
            "IN" : "IN",
            "GM" : "GM",
            "FR" : "FR",
            "IT" : "IT",
            "RS" : "RS",
            "BR" : "BR",
            "CA" : "CA",
            "MX" : "MX",
            "SP" : "SP"
        }
    }]
});

[Isomorphic]

When you use multipleAppearance:"grid" we're basically using the native multi-select control (<input type="select" multiple="true"). The browsers on these devices handle this differently.

[acarur01]

So what should we be using to maintain the same look across all browsers?

[Isomorphic]

Nothing. Different mobile browsers have different UI idioms for certain controls and overriding the user's expectations here is not a good idea.

[acarur01]

ok I will relay this info thanks

[acarur01]

by the way, is there an easy way to debug Smartclient in ipad/android tablet? I tried opening the jsconsole() but it just shows a blank popup

[Isomorphic]

The Developer Console works normally in an iPad, so this is likely to be some kind of installation issue in your setup.

[acarur01]

hmm youre right it does work - I was trying with the mobile version of firefox on galaxy tablet - i guess its the same issue as the desktop version

[acarur01]

Is there any way to time methods without the javascript console? When I have it open the UI seems to behave differently. Preferably I would like to open the console and see the Timer reports after I have executed the action but as soo as I close the jsConsole it seems to stop reporting.

I am testing with Samsung Galaxy Tablet 10.1

[acarur01]

Perhaps you can help with this issue I am facing. In a regular desktop browser, our recordClick works as expected but when running the same listgrid in galaxy tablet, the selection fires unexpectedly (sometimes it changes selection, sometimes it does not). I also see the same issue as standalone BUT the standalone html file is fetched using our resource servlet. When I run this same testcase completely standalone under the smartclient lib, then it works fine.

[acarur01]

I'll start a new thread regarding testing with Galaxy.