Posted by JMCtg on March 25, 2009 at 1:13am
Jump to:
| 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.