Question
Infosys
IN
Last activity: 2 Dec 2016 8:02 EST
How to highlight a checkbox control on click of tab key
How to highlight a checkbox control on click of tab key?
I'm trying to fill the fields using keyboard shortcut key ("Tab") , the controls on the application is not getting highlighted. As per UI standards, on click of tab key the focus should move to next element, it moving to other elements for input controls and highlighting it but not highlighting the dropdown and checkbox controls.
Infosys
IN
I'm trying to fill the fields using keyboard shortcut key ("Tab") , the controls on the application is not getting highlighted. As per UI standards, on click of tab key the focus should move to next element, it moving to other elements for input controls and highlighting it but not highlighting the dropdown and checkbox controls.
Pegasystems Inc.
IN
Hi Geethika,
Could you please share the screenshot ? Is the expectation that the checkbox control should be highlighted/selected ?
In my case control is highlighted on moving from a different field.
Infosys
IN
Hi Shashidhar,
Thanks for the response.
We need to highlight the checkbox on click of tab key but once we press tab key from previous fields control is going to checkbox but its not getting highlighted.
J.P. Morgan Services India PVT Ltd
IN
HI Geethika,
I have tried it in 7.1.8. And with tab button focus is getting shifted on all properties including check box
and drop drop.
Also I tried to wrap another section and then tried with "tab" button still it was working fine.
Please share how you are configuring it.
Thanks,
Neha
Infosys
IN
Hi Mittn,
Thanks for your response.
I m working in pega 7.2
The controls are in two different sections, and on click of tab the focusing is getting shifted but its not highlighting the checkbox.
J.P. Morgan Services India PVT Ltd
IN
HI Geethika,
I checked adding two different sections as per the requirement in both the version 7.1.8 and 7.2.
I noticed that in 7.2 "tab" button is not working properly and not highlighting the property. By tapping "tab" again and again it is moving to all app
explorer classes and related things also on portal as well but not in case body. Where as in 7.1.8 focus is properly shifting.
I am suspecting it as a bug. Request you to Please go ahead and raise an SR, it can help the issue.
Thanks,
Neha
J.P. Morgan Services India PVT Ltd
IN
HI Geethika,
Go to this link, it will help.
https://collaborate.pega.com/question/create-pega-sr
Thanks,
Neha
Pegasystems Inc.
IN
Hi,
Can you try this? On tab when you think the checkbox should be on focus, press space bar and see if it is selected. If the selection is working then it should be due the browser that you are using. I have also seen this behaviour in firefox, but in chrome or IE it worked fine.
-Saikat
Pegasystems Inc.
IN
Hi Geethika,
Please add the following code in UserWorkForm:
Hi Geethika,
Please add the following code in UserWorkForm:
<style>
input:focus, select:focus, textarea:focus {
outline: 1 !important;
outline-color: rgb(77, 144, 254) !important;
outline-offset: -2px !important;
outline-style: auto !important;
outline-width: 5px !important;
}
</style>