Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    SGWT 3.1 - canTabToHeader in ListGrid not working with IE

    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.

    #2
    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:
    Code:
    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

    Comment


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

      Comment


        #4
        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.

        Comment


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

          Cédric.

          Comment


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

            Comment


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

              Comment


                #8
                I've tried again with 3.1p-2013-03-21 ans still no method. Any news on this?
                Last edited by basis.cedric; 22 Mar 2013, 02:50. Reason: typo in version number

                Comment


                  #9
                  Odd. We're taking a look

                  Comment


                    #10
                    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.

                    Comment

                    Working...
                    X