Theming CCK input form for CCK2 & CCK3

Last updated December 30, 2011. Created by drupal-id.com on October 11, 2009.
Log in to edit this page.

This tutorial will show you how to customize a CCK2 & CCK3 Form such as rename CCK button, hide a CCK field, remove CCK field, hide field-set, disable CCK field, etc. You can also design you own form layout. Change CCK form title.

This is a real customize CCK form that I deliver to one of my client (thanks to PT MHS that allow me to post their Consignment-Note form):

To theming CCK Input you just need:

1. Edit template.php
   
2. Create node-content_type-edit.tpl.php
   
3. Clear Cache Data before view your result: Administer-Site Building-Performance: Clear Cache Data

EXAMPLE

Suppose your content-type is: "account_registration" and you theme is "bluemarine"

1. Edit template.php (or create a new one), add this code:
   
   <?php

function bluemarine_theme($existing, $type, $theme, $path) {
  return array(
    'account_registration_node_form' => array(
        'arguments' => array('form' => NULL),
        'template' => 'node-account_registration-edit'
    )
  );
}

?>

2. Create node-account_registration-edit.tpl.php
   //To REMOVE Title field
<?php unset($form['title']); ?>

<fieldset class=" collapsible">
    <legend>Company Data</legend>
    <?php
      //NOTE: if you don't have Field Group then simply type:
      // print drupal_render($form['field_accreg_company_name']['0']['value']);
      print drupal_render($form['group_company']['field_company']['0']['value']);
      print drupal_render($form['group_company']['field_street']['0']['value']);
    ?>
</fieldset>  
<?php
  print drupal_render($form);

  //Enable below to show all Array Variables of Form

  //print '<pre>';
  //print_r($form);
  //print '</pre>';
?>

HOW TO ...........

1. RENDER ONLY 1 FIELD
   
   <?php print drupal_render($form['group_company']['field_street']['0']['value']); ?>

2. RENDER A GROUP OF FIELDS
   You don't need to render fields in group one by one, just enter this code to render all fields in a group:
   
   <?php print drupal_render($form['group_company']); ?>

3. RENDER A SELECT LIST
   Almost same like render a TEXTFIELD, but avoid ['0']['value'] at the end
   
   <?php print drupal_render($form['group_company']['field_region']); ?>

4. RENDER A FILEFIELD
   Contributed by HEY_GERMANO
   
   <?php print drupal_render($form['field_video_file']); ?>

5. REMOVE AN INPUT FIELD
   You may want to remove an input field, this example will remove TITLE-FIELD of a form:
   
   <?php unset($form['title']); ?>

6. HIDE AN INPUT FIELD (HIDE vs REMOVE!)
   You may still want to enable an input form but need to prevent it:
   
   <?php $form['title']['#access'] = FALSE; ?>

7. HIDE A TITLE/LABEL OF FIELD
   Some tutorials say:
   
   <?php unset($form['field_test']['#title']); ?>
   
   Above code only remove '#title' from array elements, but not remove the title/label.

   To hide title/label from a field:
   

   <?php unset($form['field_test']['value']['#title']); ?>

8. SHOW ALL VARIABLES OF FORM
   You may want to know what variables available for you:
   
   <?php print_r($form); ?>

   or for better look (but very long output):

   <?php
  print "<pre>";
  print_r($form);
  print "</pre>";
?>

9. REORDER
   Use ['#weight'] to reorder
   
   $form['buttons']['#weight'] = -50; // buttons at the top

10. PRINT BUTTONS
    
    <?php print drupal_render($form['buttons']); ?>

11. RENAMING BUTTON
    What is "Submit"? You may need to write it as "Save now!", don't you?
    
    $form['buttons']['submit']['#value'] = 'Save to Database';

12. HIDE BUTTON
    
    $form['buttons']['submit']['#access']= FALSE; //Hide Submit
$form['buttons']['preview']['#access']= FALSE; //Hide Preview

13. HIDE GROUP FIELD-SET
    
    $form['group_general']['#access'] = FALSE;

14. DISABLE INPUT FIELD
    
    $form['field_your_field_name']['#attributes']['disabled'] ='disabled';
    
    Unfortunately, above code doesn't work for DISABLE INPUT FIELD! But here are the solutions: http://drupal.org/node/357328 and http://drupal.org/node/300705

15. CHANGE FORM TITLE
    When you add a new CCK form, you will see "Create page". How to change it to "Make a new data"? Use this code:
    
    drupal_set_title('Make a new data');

16. THEMING DRUPAL DEFAULT REGISTRATION, USER & PASSWORD FORMS
    
    function bluemarine_theme($existing, $type, $theme, $path) {
  return array(
    'user_register'    => array('arguments' => array('form' => NULL), 'template' => 'user-register-edit'),
    'user_login'       => array('arguments' => array('form' => NULL), 'template' => 'user-login-edit'),
    'user_pass'        => array('arguments' => array('form' => NULL), 'template' => 'user-pass-edit'),
  );
}

SEPARATE FORM LABEL AND INPUT

Usually in custom form you want to make an input form in a table format, mean you need to separate the FORM LABEL and FORM INPUT, look at this sample:

Author: www.drupal-id.com