Set focus for the readOnly field on click of Save button
Hello,
Here we have a requirement to set focus to the read-only field on click of Save button. We are using Repeat grid, with in a section include, in this section we have a "readOnly field on the top, once user enters all the required fields, he/she can submit. Upon submit, the focus goes to the readOnly field but currently the focus is going all the way to the bottom.
Any help is appreciated.
Thank you once again.
Pegasystems Inc.
IN
Hi,
Try adding a text input of editable one near the read only field and make it invisible.Hope this works.
Blue Rose Technologies
DE
Hi,
We had done something like this before. I don't have exact details but we were focusing on a readonly/non clickable control on selection of a drop down value. Since we couldn't find anything OOTB, we did something like below,
1. We added a custom CSS class for example,
.readOnlyFocus{ }
2. For the Dynamic layout in which we had the label, we added this custom CSS class in Presentation tab in advanced presentation options.
3. We added a function in one of our custom script file as below,
function focusElement(elementclass) { document.getElementsByClassName(elementclass)[0].focus(); }
4. We called this from drop down change Action using Run Script by passing elementclass as "readOnlyFocus".
Since we had accessibility/screen reader requirements we selected Role Type and Value in General tab of Dynamic layout too.
We did it sometimes back and it was working for us. You can try if you don't get a better solution or OOTB solution.