How do I move the Submit button?

[proposalspot]

Hi. I was wondering if there was a way to move the submit button in a search forum. It is usually underneath the fields. Is there a way to make it appear on the same line as the fields or above? I cant find any information on this. Please help. Thanks in advance!

[ShWolf]

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.

[acraigl]

Is there any way to have it on the same line as the field? I have a single-field text search and I'd like to have the button simply to the right of the field.