Skip Navigation

[Resolved] Move "Submit" button ouside form. Make it float on right side of form

This support ticket is created 5 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

Tagged: 

This topic contains 6 replies, has 3 voices.

Last updated by samuelH 5 years, 1 month ago.

Assisted by: Minesh.

Author
Posts
#1418443

Hi,
Is there a way to put the submit button (change form) outside of the form. I would like it to float on the right side of the form, in a sticky way - so it is always visible while the user is scrolling down the form / page.

#1420783

Hi, in Forms there's nothing built-in that will position the Submit button exactly like you described, unfortunately. A bit of custom CSS should help apply a sticky position:
https://webdesign.tutsplus.com/tutorials/sticky-positioning-with-nothing-but-css--cms-24042
https://medium.com/@elad/css-position-sticky-how-it-really-works-54cd01dc2d46

I've never really used sticky positioning, but if you would like to try it out I would be glad to take a look and help troubleshoot a bit. I would need to see the Form in the browser (not a screenshot).

#1424661

Hi Christian,
Very happy to hear that you are willing to try and help me out here. I have tested with some code, but so far - no luck.

Here are some links:

Main site: hidden link
Single post view: hidden link

Post form: hidden link

Please let me know if you need access of any kind

#1426447

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Christian is on vacation. He will get back to work this Sunday. I'm stepping in, hope this is ok.

I checked the links what button you want to make sticky?

Main site: hidden link
==>
With the above link I can see the buttons at the top are sticky - Please check the screenshot:
- hidden link

Single post view: hidden link
==>
I see multiple buttons available with the above link, do you want to make all those buttons sticky? If yes, can you please share where exactly you want to place the button. Maybe a few screenshots will help.

Post form: hidden link
==>
Do you want to make form's submit button sticky?

#1427717

Hi,
Sorry for late reply!

Yes, I would like the form's submit button sticky? Outside of the creed form container if possible.

#1427857

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

The submit button should be added within the scope of the form and there is no such way to put the submit button outside the form as it will not get rendered correctly and will have other negative side-effect or eventually it will not work as you are putting the button outside the Form's scope.

#1434517

My issue is resolved now. Thank you!