Jump to content

How do I move the Submit button?


Recommended Posts

Hi,

You can set buttons positions in the Style wizard (on the 'Settings' page go to Forms/Details -> Layout -> Button Cells). But you can move it only on the same line under the fields.

To move a button above the fields you should use custom JavaScript code.

Example for the Search form:

On the "Configure Search Fields" page in wizard insert "Header/Footer"

In the footer insert the following JavaScript code:

<script type="text/javascript">
    
    var btn = document.getElementById('searchID');

    if(btn && btn.nodeName){
        var tr = btn.parentNode;
        while(tr && tr.nodeName.toLowerCase() != 'tr') tr = tr.parentNode;

        tr.parentNode.insertBefore(tr.cloneNode(true), tr.parentNode.firstChild);
        tr.parentNode.removeChild(tr);

    }

</script>

This example works for the Search form, for other forms replace the 'searchID' with the correct button ID.

Hope this helps.

Link to comment
Share on other sites

  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...