Page 1 of 1
Element focus in a Responsive Layout
Posted: Thu May 02, 2019 11:41 am
by pjshuey
I have a screen with a responsive layout that is not placing focus how I am expecting it to. The first div of the responsive layout has a drop down field that I set "no focus" to true, and a grid. I am expecting the focus to go to the first input capable field in the grid. Instead I have to hit the tab once for the focus to go there. I determined that the focus is on div#pui. How do I get the focus to go to the first input capable grid field? I have attached the json for the screen. Note that I am currently only working with the first @media screen. I know the other ones are not set up correctly. Thanks!
Re: Element focus in a Responsive Layout
Posted: Thu May 02, 2019 11:59 am
by Scott Klement
"no focus" is a screen-level property that means that Profound UI should not put focus in any input widget. This is usually used on mobile screens so that the keyboard won't pop-up until the user taps on a textbox.
We do not offer a "no focus" property on dropdowns.
I would recommend removing the "no focus" property (right-click, choose "remove property value") because you do want focus to be placed on something in this case. Then, use the "set focus" property, or the grid options like "subfile record number" together with "place cursor" to control where the focus is placed.
Re: Element focus in a Responsive Layout
Posted: Thu May 02, 2019 2:23 pm
by pjshuey
Sorry! i meant the 'set focus' property on the drop-down...i had that set to false. Regardless, the focus is still being placed on the div#pui element and not the first entry field in the grid. I am using the grid options "subfile record number" and "place cursor".