How to set focus on load of the screen
Hi,
We are using Pega 7.1.8.
How to set focus on a filed when screen is getting loaded first time.
What I did, I created a section with below script and added it in the main section where I have the "myTextId" property.But this is not working.
<script>
window.onload = function() {
document.getElementById("myTextId").focus();
};
</script>
Pegasystems Inc.
IN
This should work, i tried it and it works fine.
Element you are focusing is a text field right?
Check if the element id is correct? Also, check if the script you added is loaded or not.
Accenture Solution Pvt Ltd
NL
Element id means property name correct? Somehow this is not working.
I added alert in the script.I am getting the alert but not able to focus it.
Pegasystems Inc.
US
Hi Dipak,
Check the console, when the page loads is there any error messages. If there are none. try putting some alert before this focus line to check when this script gets loaded.
Please let me know the outcome.
Regards,
Rachit
Pegasystems Inc.
IN
In Pega focusFirstElement function is called to set the focus on the forst element.
After setting it might be calling this focusFirstElement function to set the focus again .To check the same put the console in both the function and check the order in which they are getting printed in the console.
The function is in pzpega_ui_doc_focus.js.
And if you want to overridde the function then
In Pega focusFirstElement function is called to set the focus on the forst element.
After setting it might be calling this focusFirstElement function to set the focus again .To check the same put the console in both the function and check the order in which they are getting printed in the console.
The function is in pzpega_ui_doc_focus.js.
And if you want to overridde the function then
- Add the overridden method, focusFirstElement, to UserWorkForm as shown in this code example:
<script>
pega.u.d.focusFirstElement = function (elementID, container, avoidRequiredField){};
</script> - If this focus scenario is required only in a particular page, then add the script shown above in a section that is present in that particular page.