Question
National Express Corp
US
Last activity: 6 Apr 2016 16:24 EDT
tabbing sequence
i have a section with dynamic layouts with embedded properties and a grid repeat layout
how do i get the focus to move from the last property in the previous layout directly to the first property of the grid repeat layout?
what happens is that the focus moves through the labels of the grid repeat layout first before it lands on the property where i'm supposed put data in
Pegasystems Inc.
IN
Hello Andrew,
This behavior is due to new design changes introduced with Pega 7.
In Pega 7, the 'th' tags associated with the grid column headers have a 'tabindex' attribute associated. Due to this, when 'tab' key is pressed from outside the grid context, the captions/header names get selected first instead of the input fields of the grid row.
These design changes have been introduced to aid the product in supporting more and more accessibility related features and help end users leveraging assistive computer technology. On tabbing over the header columns, the accessible user will know whether the particular column is sortable or not. This is the very purpose of generating the tabIndex attributes on header columns. Also the navigation is made user friendly and intuitive to take the user directly to data row once you tab from the last column of the header.
On the input field outside the grid configure "Display -> Set focus" action (to move the focus to id property in first row of grid) on tab key event. Then focus will directly shift to first cell of data row instead of going through grid headers.
Best Regards,
Mounika
National Express Corp
US
Hi Mounika,
on the last property of the dynamic layout, the one before the grid repeat layout, i have added onchange and tab key events to set focus on the first property of the grid repeat layout.
the focus still goes through the column headers.
do i need to fully qualify the property name? pyWorkPage.ListPage.pxResults(1).PropertyName? or should .PropertyName suffice?
Regards,
Terence
Accepted Solution
Pegasystems Inc.
IN
Just use the pagelist of the grid. Check the screen shot below for reference.
Best Regards,
Mounika
National Express Corp
US
it worked! thanks for all the help!