Style Additional Button Web Form

[Anonymous]

Hey, I was trying to style an additional button here, 

and I would like to have the button under the "Educational Information" Instead of on top of it. I've tried to place it under the form, but the button showed up in line with Previous and Next. Is it possible to have it under the Educational Information but on top of with previous and next? Thank You!

[justinburch · Accepted solution]

Hi @Anonymous,

First, go to the Advanced options of your button configuration and add a class to your 'Top Container', including 'hidden', like so:

Then add the following Custom JavaScript to the Form Options tab:

$(function () {
    $(".edu-btns").appendTo(".entity-form").removeClass("hidden");
});

Now your custom buttons will be hidden until they're moved and then become visible.

[Anonymous]

Hey @justinburch , it works! Thank you so much!