SGWT 3.1 - canTabToHeader in ListGrid not working with IE

[basis.cedric]

Hello,
I've made some tests with canTabToHeader with 3.1p-2013-03-06 and setting canTabToHeader (manually or with setScreenReader(true)) doesn't allow to navigate in the header section of the ListGrid. If you tab to a Grid You'll see a dashed box in the first column but won't be able to navigate with arrows as you can with Chrome and Firefox.
This can be reproducted in the showcase: http://www.smartclient.com/#_Grids_Interaction_Simple.select

I'm using IE 9.0.8112.16421 on Win7 64 bits.

Regards,
Cédric.

[Isomorphic]

Hi
From investigation it looks like this is actually working, but there is no visual feedback indicating that the focus is going to different headers.
There's a quick solution for this - if you set "showFocused" to true for the header buttons, they will show a different style (the "over" style by default) when focused.
To see this in action modify the example to include this setting in the 'headerButtonProperties' block:

isc.ListGrid.create({
    headerButtonProperties:{showFocused:true},
    canTabToHeader:true,
    ID: "countryList",
    width:500, height:224, alternateRecordStyles:true,
    data: countryData,
    fields:[
        {name:"countryCode", title:"Flag", width:50, type:"image", imageURLPrefix:"flags/16/", imageURLSuffix:".png"},
        {name:"countryName", title:"Country"},
        {name:"capital", title:"Capital"},
        {name:"continent", title:"Continent"}
    ],
    selectionType: "simple",
    selectionChanged: "selectedCountries.setData(this.getSelection())"
})


isc.ListGrid.create({
    ID: "selectedCountries",
    width:250, height:100, top:250, alternateRecordStyles:true, showAllRecords:true,
    emptyMessage: "<br>nothing selected</b>",
    fields:[
        {name:"countryName", title:"Selected countries"}
    ]
})

Let us know if that doesn't get this working for you.

Thanks
Isomorphic Software

[basis.cedric]

This worked well in the showcase. How do I set headerButtonProperties with SmartGWT? I didn't find a setHeaderButtonProperties in ListGrid.

[Isomorphic]

Hmm - it's wrapped per-field in ListGrid (so it's available on the ListGridField class) but not at the grid level.
We'll consider adding this, but you could also modify this in the load_skin.js file for your application skin.

[basis.cedric]

Hi,
This worked well setting the properties in the ListGridField.setHeaderButtonProperties.
Thanks for the quick response and the load_skin.js tip.

Cédric.

[Isomorphic]

The latest nightly build should now have get/setHeaderButtonProperties on ListGrid.

[basis.cedric]

Just tried with 3.1p-2013-03-14 and didn't find get/setHeaderButtonProperties on ListGrid.

[basis.cedric]

I've tried again with 3.1p-2013-03-21 ans still no method. Any news on this?

[Isomorphic]

Odd. We're taking a look

[Isomorphic]

Looks like the change was never committed to the 3.1 branch. We've now made the change there.
Please try the next nightly build.