I'm trying to customize the node/edit and node/add forms for my site and would like to be able to target the workflow_tab_form for styling. Unfortunately, this module strips the fieldset from the default workflow states on the node/edit form. It would be beneficial for customizing the layout and styling of the buttons for users to be able to target a div containing all workflow buttons including the save for later and preview buttons.

Comments

rdeboer’s picture

rdeboer
Location Melbourne
commented
Assigned: Unassigned » rdeboer

Good point! Will do this next time I do some more work on the module.

rdeboer’s picture

rdeboer
Location Melbourne
commented

Had a closer look.
When you click the Workflow tab on a node a form with id="workflow-tab-form", which contains the buttons created by the Workflow Extensions module as HTML input elements of type="submit", class="form-submit", id="edit-submit-to-....", where the .... indicates the name of the workflow state that the button transitions to.
There are no other <input type="submit" class="form-submit" ....> buttons on this form.
Doesn't that give you enough to target the buttons via a CSS rule?
For example

#workflow-tab-form  .form-submit {
   font-weight: bold;
}

For the submit buttons on the Edit tab of a node it's a similar story accept that the buttons are wrapped up inside a form of id="node-form", which has an inner div of class="node-form".

#node-form  div.node-form  .form-submit {
  font-weight: bold;
}

Hope this is useful to you and others reading this issue.

rdeboer’s picture

rdeboer
Location Melbourne
commented
Version: 6.x-1.0-beta2 » 6.x-1.0
Status: Active » Closed (won't fix)

No need to add extra style classes or ids as suggestions above in #2 should do the trick. Let us know if not...