Formatting/theming date form fields [#1409374]

I've been trying to figure out how to shrink down the form fields of the Drupal 7 version of the Date module, but I have not been able to find anything that describes how to do it.

What I want to do is convert a date form field from something like this:

+-v The date field's title ----+
| +--------------------------+ |
| | Date                     | |
| | +------------+           | |
| | | 2010-01-12 |           | |
| | +------------+           | |
| | Description              | |
| +--------------------------+ |
+------------------------------+

to something like this:

The date field's title
+------------+
| 2010-01-12 |
+------------+
Description

Basically, removing the field set and the extra box between the field set and the text field, and replacing "Date" with the title of the field.

Where can I find information on how to do this?

Thank you.

Comment	File	Size	Author
#9	date field.png	9.94 KB	karimiehsan1819

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

joppert CreditAttribution: joppert commented 19 January 2012 at 18:49

I've got the same question/issue
Hope someone can point us in ht eright direction

Comment #2

drupso CreditAttribution: drupso commented 16 February 2012 at 18:55

An alternative is with CSS using display:none in label Date and set border: none in first & second fieldset. It's possible other way (a theming date function with code) ???

Regards

Comment #3

chaiwei CreditAttribution: chaiwei commented 7 March 2012 at 17:18

I end up create a simple module to overwrite it.
example below.

function MODULENAME_form_alter(&$form, &$form_state, $form_id){
  if ($form_id == 'CONTENTTYPE_node_form'){ 
      // remove date field fieldset
      $form['field_DATEFIELDNAME']['und'][0]['#theme_wrappers'] = array('form_element'); 
  }
}

Comment #4

anrikun CreditAttribution: anrikun commented 18 April 2012 at 08:32

Title:	Formatting/theming date form fields	» Improve date field formating/theming
Category:	support	» feature

Turning this into a feature request:
- the way date fields are themed does not respect the way other core fields are themed. Especially that fieldset that seems to annoy a lot of people here.
- date fields break W3C validation.
IMHO this really need some improvement.
I'm OK to submit patches.

Comment #5

KarenS CreditAttribution: KarenS commented 18 April 2012 at 15:12

Status:

Active

» Postponed (maintainer needs more info)

Is this now a duplicate of #1538072: Date field rendering does not conform to Drupal field standards -- or vice versa? Let's focus on specific issues and one topic per issue.

Comment #6

oadaeh CreditAttribution: oadaeh commented 19 April 2012 at 22:04

Title:	Improve date field formating/theming	» Formatting/theming date form fields
Category:	feature	» support
Status:	Postponed (maintainer needs more info)	» Fixed

I am all for having better theme override options for the date fields. However, that is not the issue I posted. I simply wanted to find out what was possible, and how to get where I wanted to go.

Thank you drupso for your suggestions.
Thank you chaiwei for your code sample.
With my own poking around, they both helped me reach my goal.

In addition to the hook_form_alter code, here is what I have in an included .css file:

.container-inline-date .form-item {
  border: none;
}
.container-inline-date .date-padding {
  padding: 0px;
}
.container-inline-date label {
  display:none
}

As far as I am concerned, this issue is fixed.

anrikun, I recommend you start a new issue. If you need this issue as a reference, you can link to it.

Again, thank you all.