Project:CCK Fieldgroup Tabs
Version:6.x-1.x-dev
Component:User interface
Category:feature request
Priority:normal
Assigned:Unassigned
Status:active

Issue Summary

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

Comments

#1

Bump. Anyone?

#2

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

#3

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

#4

subscribing

#5

Subscribing.

#6

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

#7

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

#8

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

#9

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.

#10

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.

#11

subscribe

#12

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.

nobody click here