Auto Focus After Ajax Refresh

[Ronan]

Hi, I have a search DataPage and when I bulk edit my records. I want to be automatically focus on the first text box of my bulk edit window

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {
document.getElementById("element_ID").focus();
});
</script>

I have the code above, but it is not working please help.

[DefinitelyNot31337]

Hello @Eruel,

 

I have developed a solution that does that.

 

Paste the script below in the footer of "Configure Fields for Bulk Edit Section", then update elemId to the name of your table field.

<script>

var elemId = "gist";

setTimeout(function(){
  document.querySelector(`[action*="[@cbAppKey]"] [id^=BulkEdit${elemId}]`).focus();
}, 300)

</script>

You might be asking why I put the code in a synchronous function setTimout. This is because there is a Caspio function that overrides the element focus after the BulkEditForm. I can't pinpoint where so I just did the setTimeout hack.

 

Hope this helps.

 

Cheers,

DN31337

[Ronan]

Thank you @DefinitelyNot3133,

Your solution work splendidly, have a great day!