Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Aliasgar Baldiwala
45
Editable cells keyboard accessibility
posted

Hi

I am using WebDataGrid / WebHierarchicalDataGrid within Infragistics45.Web.v19.2 assembly.

I am unable to access the editable cells inside the grid through the keyboard. 

When the page loads, and I keep pressing tab, the focus never gets set on the editable cells. However, if I click on any cell inside the grid, and then tab, the editable cells receive focus and can be edited. 

I have enabled activation, and set EnableOnActive for EditModeActions to true, as in the code below:

<igtbl2:EditingCore BatchUpdating="true">
<Behaviors>
<igtbl2:CellEditing EditModeActions-MouseClick="Single" EditModeActions-EnableF2="true" EditModeActions-EnableOnActive="true" EditModeActions-EnableOnKeyPress="true" Enabled="true" CellEditingClientEvents-EnteringEditMode="WgSyndication_CellEdit">
</igtbl2:CellEditing>
</Behaviors>
</igtbl2:EditingCore>
<igtbl2:Activation Enabled="true">
</igtbl2:Activation>

Parents
No Data
Reply
  • 1320
    Offline posted

    Hello Aliasgar,

    I have prepared a sample, demonstrating cells entering edit mode by keyboard navigation. Pressing “Tab” navigates to the next cell, “Shift”+”Tab” to the previous cell, “Enter” exits edit mode and if it is pressed again, navigates to the cell in the next row. When the page loads “Tab” should be pressed twice – the first time the grid is on focus, on the second press the focus is on the first cell. The definition of the grid looks the following way:

    <ig:WebDataGrid ID="wdg" runat="server" Height="350px" Width="400px">

           <Behaviors>

                <ig:Activation Enabled="true">

                </ig:Activation>

                <ig:EditingCore BatchUpdating="True">

                      <Behaviors>

                          <ig:CellEditing>

                               <EditModeActions EnableOnActive="True" EnableOnKeyPress="True" MouseClick="Single" />

                           </ig:CellEditing>

                      </Behaviors>

                </ig:EditingCore>

           </Behaviors>

    </ig:WebDataGrid>

    Below I am attaching a sample demonstrating how this could be achieved in both WebDataGrid and WebHierarchicalDataGrid. Please test it on your side and let me know if you need additional information regarding this matter.

    Regards,

    Monika Kirkova,

    Infragistics

    WebDataGridKeyboardNavigation.zip

Children