How to disable tab focus on Dynamic Layout header...?
When user is trying to move from one control to another control using tab option if the next control is present in the Dynamic Layout which has header configured then the focus is going on to the header instead of the control which is present inside the Dynamic Layout.
Could any one suggest how to disable the tab focus on Dynamic Layout header?
You can try this and see if it works. On the last field of previous layout or section, configure an action set (On Blur or On Tab key-keyboard event; Set Focus on the first field of your dynamic layout that follows).
Glad that it worked. As a best practice, you might as well need to do this for the last field or button so that from last field or button, on tab-out focus should shift to the first field of your layout. Else the tab key strokes will take the focus back to browser address bar and if the user hits 'Enter' that might reload the whole page (user data will be lost)
Original issue is resolved and we are good there. Other than that issue, end users (majority if not all) will be tabbing into the fields or buttons during data entry. On last 'tab' keystroke, usually focus will move on to the action button and they submit the form by hitting 'enter' or 'spacebar' buttons. At times, accidentally if the user hits 'tab' button one more time (instead of submitting the form), the focus will go back to browser 'Address bar' (not the first field of your screen). So usually it will be a best practice to configure another action-set (Event-> 'Tab Key'; Action -> SetFocus) on the last button to set focus on the first field of your form. This way you are avoiding the in-correct tab focus to browser address bar.
This is another tab focus configuration, which can always be considered for better usability. This will not only address the issue mentioned above, but also keeps the tab-focus within our pega form controls in a cyclic order (rather than taking the focus to browser elements).