Stuck with form element theming for radio button

Hi Ayesh,

thanks for your reply.

I tried '#theme' => 'colour_radios'. It makes no difference
since the whole:

function theme_colour_radios($element) {
      $keys = array_keys($element['#options']);
      $type = $element[$keys[0]]['#type'];
      foreach ($keys as $key) {
         $output .= '<td style="background: '.$key.'">';
           $output .= theme('colour_radios', $element[$key]);
         $output .= '</td>';
      }
      return $output;
}

... is not called at all. It makes no difference if I indicate it in my .module-File, or leave it. It has no effect on the output.

Maybe the funtion is at the wrong place? Should it be somewhere in the themes folder?

Many thanks
Soezkan

Thank you for your reply.
Hm, what a pity, but I still can't manage to give a background colour to the radios.

This is the code I try to work with - and as I am new with module development, I believe I forgot something important.

/**
 * Implements hook_permission
 */
function personality_test_permission() {
    return array(
		'use personality-test calculation' => array(
			'title' => t('personality-Test'),
			'description' => t('Allow users to use the personality-Test calculations.'),
		),
	);
}


/**
 * Implements hook_menu
 */
function personality_test_menu() {
    $items = array();
    $items['applications/personality-test'] = array(
        'title' => 'personality-Test',
        'type' => MENU_NORMAL_ITEM,
        'access arguments' => array('use personality-test calculation'),
        'page callback' => 'drupal_get_form',
        'page arguments' => array('personality_test_form'),
    );
    return $items;
}

/**
 * Implements hook_theme
 */
function personality_test_theme() {
      return array(
         'colour_radios' => array(
             'render element' => 'element'
         ),
    );
}

/**
 * Implements a form
 */
function personality_test_form($form, &$form_state) {
	global $colours;
	$form = array();

	/* NAME, EMAIL, GENDER */
	$form['aboutyou'] = array(
		'#title' => t('About you'),
		'#type' => 'fieldset',
		'#description' => t('The following data is required in order to determine your personality-conditions.'),
		'#collapsible' => TRUE,
		'#collapsed' => FALSE
	);
	
    $form['aboutyou']['firstname'] = array(
		'#prefix' => '<p>',
		'#suffix' => '</p>',
        '#type' => 'textfield',
        '#title' => t('First name'),
        '#size' => 20,
        '#maxlength' => 50,
    );
	
    $form['aboutyou']['lastname'] = array(
		'#prefix' => '<p>',
		'#suffix' => '</p>',
        '#type' => 'textfield',
        '#title' => t('Last name'),
        '#size' => 20,
        '#maxlength' => 50,
    );

    $form['aboutyou']['email'] = array(
		'#prefix' => '<p>',
		'#suffix' => '</p>',
        '#type' => 'textfield',
        '#title' => t('Email'),
        '#size' => 20,
        '#maxlength' => 50,
    );

    $form['aboutyou']['gender'] = array(
		'#prefix' => '<p>',
		'#suffix' => '</p>',
        '#type' => 'radios',
        '#title' => t('Gender'),
        '#options' => array(
			'female' => t('female'),
			'male' => t('male'),
		),
		'#default_value' => 'female',
    );
	
	/* BIRTHDATE */
    $form['aboutyou']['birthdate'] = array(
		'#prefix' => '<p>',
		'#suffix' => '</p>',
        '#type' => 'fieldset',
		'#description' => t('Your date of birth.'),
		'#collapsible' => FALSE
    );	
    $form['aboutyou']['birthdate']['birthday'] = array(
		'#prefix' => '<div style="float: left; padding: 0 20px 0 0">',
		'#suffix' => '</div>',
        '#type' => 'textfield',
        '#title' => t('Day of birth'),
        '#size' => 2,
        '#maxlength' => 2,
    );
    $form['aboutyou']['birthdate']['birthmonth'] = array(
		'#prefix' => '<div style="float: left; padding: 0 20px 0 0">',
		'#suffix' => '</div>',
        '#type' => 'textfield',
        '#title' => t('Month of birth'),
        '#size' => 2,
        '#maxlength' => 2,
    );
    $form['aboutyou']['birthdate']['birthyear'] = array(
		'#prefix' => '<div style="margin: 0 0 0 0">',
		'#suffix' => '</div>',
        '#type' => 'textfield',
        '#title' => t('Year of birth'),
        '#size' => 4,
        '#maxlength' => 4,
    );

	/* FAVOURITE COLOURS */
    $form['aboutyou']['colours'] = array(
		'#prefix' => '<table cellpadding="4" cellspacing="3"><tbody>',
		'#suffix' => '</tbody></table>',
        '#type' => 'fieldset',
		'#description' => t('Your favourite colour.'),
		'#collapsible' => FALSE
    );
    $form['aboutyou']['colours']['favouritecolour'] = array(
        '#type' => 'radios',
        '#options' => $colours,
		'#theme' => 'colour_radios',
    );

    return $form;
}

/*
 * Theme Output
 */
function theme_colour_radios($element) {

    $keys = array_keys($element['#options']);
    $type = $element[$keys[0]]['#type'];
 
  	// Start wrapper div for the group.
    foreach ($keys as $key) {
   	$output .= '<td style="background: '.$key.'">';
        $output .= theme('colour_radios', $element[$key]);
        $output .= '</td>';
    }
	  
    return $output;
}

Any idea? It seems theme_colour_radios($element) is never been called.

Many thanks
Soezkan

I solved it now like this:

function theme_colour_radios($variables) {
	global $colours;
	$counter = 0;
	
    $element = $variables['element'];
    $output = '<tr>';
    foreach ($element['#options'] as $option => $value) {
    	$counter++;

        $output .= '<td style="width: 57px; text-align: center; background-color: #'.$colours[$option].';">';
        $output .= drupal_render($element[$option]);
		$output = preg_replace('/\>[0-9a-fA-F ]+\<\/label\>/', '></label>', $output);

		$output = preg_replace('/name\=\"favouritecolour\" value\=\"[0-9]+\"/', 'name="favouritecolour" value="#'.$colours[$option].'"', $output);
		if($counter % 12 == 0) $output .= '</tr><tr>';
    }
    $output .= '</tr>';
    return $output;
}