• Resolved pvtsolver

    (@pvtsolver)


    Hello,

    For Mobile UI, I want the user to be able to trigger the “Calculate” button by clicking “Go” on keyboard after submitting the final entry field.

    For Desktop UI, I want the user to be able to trigger the “Calculate” button by clicking “Enter” on keyboard after submitting the final entry field.

    Is this possible?

    Please advise.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @pvtsolver

    In this case, you need to create your own events. Please, insert an “HTML Content” field in the the form with the following piece of code, or similar, as its content:

    
    <script>
    jQuery(document).on('keyup', '#fbuilder :input', function(evt){
    var keycode = (evt.keyCode ? evt.keyCode : evt.which);
    if(keycode == '13') jQuery('.calculate-button').click();
    });
    </script>
    

    If you need an additional custom behavior, do not hesitate in contact me through my private website: Custom Coding Service

    Best regards.

    Thread Starter pvtsolver

    (@pvtsolver)

    Thank you.

    It works perfectly on Mobile UI.

    In Desktop UI, I need the “Enter” key to trigger the calculate button only if the LAST entry field is focused. If the user is editing any other entry field, the “Enter” key should navigate him to the next entry field.

    Is this possible.

    Please advise.

    Plugin Author codepeople

    (@codepeople)

    Hello @pvtsolver

    I’m sorry, but you are describing a specific behavior to your form that is not part of by the HTML standard (in the HTML it is possible to jump between the form’s fields with the “tab” key). If you want to jump through the fields pressing the enter key, you must implement this behavior as part of the form’s code.

    If this behavior is important to your project, do not hesitate in contact me through my private website:

    Custom Coding Service

    Best regards.

    Thread Starter pvtsolver

    (@pvtsolver)

    Okay got it.

    Thank you so much for your support.

    • This reply was modified 4 years, 6 months ago by pvtsolver.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make “Go” button on mobile triggers “Calculate” button?’ is closed to new replies.