Is there a way to either hide the Save and Preview buttons until the last step or put them into a fieldgroup tab?

Comments

JMCtg’s picture

JMCtg commented

Bump. Anyone?

nedjo’s picture

nedjo
he/him/his
Primary language English
commented

This would require adding a new configuration option. I'd welcome a patch.

Whackler’s picture

Whackler commented

i really want this option too.
Submit button in a tab or in the last tab

Bilmar’s picture

Bilmar commented

subscribing

jeffreyvddb’s picture

jeffreyvddb commented

Subscribing.

jdln’s picture

jdln commented

Subscribing. I have required fields in my tabs so this is a must for me if I use this module.

jdln’s picture

jdln commented

Just a thought, could the save and preview buttons be hidden with javascript css until you trigger the last tab?

jdln’s picture

jdln commented

'Jquery works on node/add, but not when it fails validation':
http://drupal.org/node/872228

jdln’s picture

jdln commented

Id also like to hide my Mollom anti spam box until the last step. Both Mollom and the Submit button could be hidden with CSS in a javascript function if there was one. I think other jquery plugins work this way, but ive no idea how hard it is to do. It seems like it would be very flexible if it could be achieved.

Anonymous’s picture

Anonymous (not verified) commented

I think the submit button should be shown in the last tab, but on node creation only. On node edit, it should be on every tab.

willhowlett’s picture

willhowlett commented

subscribe

willhowlett’s picture

willhowlett commented

I've used a really cheeky method to solve this for my usage scenario using just CSS.

Each tab contains a .tabs-nav-link-sep element which is created by the module when the tabs are created, and which provides a border at the bottom of each tab. I've absolutely positioned this div to cover the submit button so it can't be clicked, then have used display:none on it within the last tab to get rid of it again (I personally made a nice greyed out image of the submit button to use as a background for this element).

Code looks like this:

body.page-node-add-donation #content-inner /* required for below to work */
{
position:relative;
}

body.page-node-add-donation .tabs-nav-link-sep { /* hide submit button on tabs */
    background: url("images/add-donation-submit-button-inactive.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 48px;
    width: 241px;
    margin: 0;
    position: absolute;
    right: 20px; /* I've already moved the submit button in my form */
    bottom: 20px;
}

body.page-node-add-donation #tabset-tab-3 .tabs-nav-link-sep /* show the submit button on the final tab */
{
   display:none;
}

The .tabs-nav-link-sep element isn't created if javascript isn't enabled, so this method degrades nicely as well.

Don't know how cheeky people would consider this to be, but it's working for me.