My goal is to tidy up the UI for users who are editing or creating nodes - basically make the editing pages more user friendly. I hope to submit this code to the 'useful theme snippets' section of the handbook. I think it would be of use to theme developers who are concerned about making user contributions to their site as painless as possible.
(I am using drupal 4.6.3 and modifying friendselectic theme (phptemplate) by editing the template.php and style.css files (so far). The modules involved in my set up are: Flexinode, tinyMCE, Organic Groups, Subscriptions, Filter (HTML filter) and Event.)
The problem I'm having is that I want to theme the page-layout of input boxes and their attendant help info via style.css. Each form_element block on an edit page is assigned the class 'form-item' but there is no other 'hook' that would allow for CSS to disintinguish between, say, the 'Title' element and the 'start date' element. What I'm trying to do with the following code (appended into template.php), is generate individual, html id tags for each 'form-item' wrapper. Seasoned programmers will no doubt think that it's pretty simple, in which case I'd be very greatful for your input :)
The code so far basically works on most input fields, but currently tinyMCE textareas produce some strange and unhelpful behaviour which I can't even begin to fathom! As a non-programmer it has taken me many long hours to get this far, and I'm amazed that it actually works to this extent! However, now I'm stuck. I would really appreciate any suggestions and help to get this up and running and available for all drupal themers.
The story so far ...