Drupal - user registration form- theming

Question

I need to do theming of user registration form

I m doing in this way

Module file

  function mymodule_form_user_register_form_alter(&$form, &$form_state, $form_id) {
      $form['#theme'] = 'user_register';
    }

Template file

function mytheme_theme($existing, $type, $theme, $path){
  return array(
    'user_register' => array(
      'render element' => 'form',
      'template' => 'templates/user-register',
    ),
  );
}

function mytheme_preprocess_user_register(&$variables) {
  $variables['rendered'] = drupal_render_children($variables['form']);
}

And then I added user-register.tpl.php with my desired markup, a

<?php echo $rendered; ?> 

Which is working fine . Now problem is that i need to rearrnage order of all fileds

Currently i have following

username, email and password, firstname , last name

I need sequence like username , firstname, email, lastname, password

can anybody tell me how to do this

Thanks

Answer 1

You can skip your preprocess function and render directly in your template file like this:

<?php print drupal_render($form['user_register']['username']); ?>
<?php print drupal_render($form['user_register']['firstname']); ?>
<?php print drupal_render($form['user_register']['email']); ?>
<?php print drupal_render($form['user_register']['lastname']); ?>
<?php print drupal_render($form['user_register']['password']); ?>

Wrap these lines of code inside HTML if you want to. Use <?php print drupal_render_children($form); ?> to render automatically the rest of the fields you haven't rendered yet.

EDIT:

An example:

<div id="username">
  <?php print drupal_render($form['user_register']['username']); ?>
</div>
<div id="firstname">
  <?php print drupal_render($form['user_register']['firstname']); ?>
</div>
[...]

Answer 2

Look at poll module for a good example of this.

You can simply (with item being something in your form);

$form = $variables['form'];
$variables['item'] = drupal_render($form['item']);
$variables['rendered'] = drupal_render_children($form);

However there are other ways of achieving this and keeping the rearranging within the UI (/admin/config/people/accounts/fields etc) by using hook_field_extra_fields - poll module does this as well I've noticed. It can be used for adding existing base fields which don't otherwise show in the Manage Display UI (like node author, created, updated times, etc) - here's an example for user picture.