cursor focus

Hello,

You simply should insert a “HTML Content” field in the form with the following piece of code as its content:

<script>fbuilderjQuery(document).one('showHideDepEvent', function(){fbuilderjQuery('#fbuilder :focusable:first').focus()});</script>

Best regards.

Great. many thanks. But it now scrolls the page down to where the first field is. Can it be done so that just the cursor is in the first field without taking the visitor down to it? I want them to read my article text at the top first.

• This reply was modified 7 years, 7 months ago by sallam.

Hello @sallam,

I’m sorry, but that is the common behavior of browser, and in my opinion the right behavior, if an user sets the focus in an input element is because want type something on it, so, the input tag shoud be in the viewport.

Set the focus in the first element was part of the initial versions of the plugin, but we decide remove it for the same reasons.

There is an alternative but is not valid in all situations: Set the focus in the element and scroll the page at top, but if your users are like me, that scroll the page with the keyboard, or pressing tap between elements, the browser will be scrolled to display the element with the focus, another possible issue is if your page includes bookmarks, and an user visit directly the section in your webpage:

https://yourwebsite.com/#your-bookmark

As you will force scrolling to the begining of webpage the users will never access to the bookmarks directly.

I’ve described all inconveniences, but it you want move on, the code would be:

<script>fbuilderjQuery(document).one('showHideDepEvent', function(){fbuilderjQuery('#fbuilder :focusable:first').focus(); fbuilderjQuery('body').scrollTop(0)});</script>

Best regards.

Thanks very much.

Hello @sallam,

It has been a pleasure.

Best regards.