How to render user login form and user register form in Drupal 8

Posted by admin on Thu, 06/29/2017 - 10:04

I've spend an hour to understand how to render user login form and user register form in Drupal 8 to print them in a custom place.
Here is the solution.

Lets say you want to print those two forms in a custom place on your page (in a popup in my case).

So if you want to print it in the page.html.twig - so in the THEMENAME.theme write this first:

function THEMENAME_preprocess_page(&$variables) {
}

User login form

$form = Drupal::formBuilder()->getForm(Drupal\user\Form\UserLoginForm::class) ;
$render = Drupal::service('renderer');
$variables['login_form'] = $render->renderPlain($form);

User registration form

    $entity = \Drupal::entityTypeManager()->getStorage('user')->create(array());
    $formObject = \Drupal::entityTypeManager()
      ->getFormObject('user', 'register')
      ->setEntity($entity);
    $form = \Drupal::formBuilder()->getForm($formObject);
    $variables['register_form'] = \Drupal::service('renderer')->render($form);

The final step would be to output the results using your twig template.
For example in page.html.twig you just write to ouput the login form:

{{ login_form }}

Or register form:

{{ register_form }}
Tags: 
drupal 8
forms
×

Hey! Don't miss a new cool stuff!

Comments

09/01/2017 - 00:07
summer (not verified)

Thanks! I'm sure you saved me a ton of time and one less module!

10/24/2017 - 05:41
sudharson (not verified)

Thanks, it saves me lot of time

11/10/2017 - 08:40
Julius (not verified)

Thanks, works good on pages. If I try to use it on nodes it produces an error. Do I have to change anything if I have THEMENAME_preprocess_node ?

11/27/2017 - 14:28
admin

What error do you have, could you explain?

11/27/2017 - 11:54
Navneet (not verified)

Thanks! You saved my lots of time

12/01/2017 - 22:10
johnatasjmo (not verified)

Can you share the full code in a git repo? Thks

12/12/2017 - 07:27
Nhat (not verified)

Can you share the full code .. Thanks

12/19/2017 - 06:21
admin

The full code is in the article ;)
So you need to add inside you THEMENAME.theme:

function THEMENAME_preprocess_page(&$variables) {
  $form = Drupal::formBuilder()->getForm(Drupal\user\Form\UserLoginForm::class) ;
  $render = Drupal::service('renderer');
  $variables['login_form'] = $render->renderPlain($form);
}

Then inside your page.html.twig:
Just add {{ login_form }} to print login form wherever you want.

02/09/2018 - 20:20
Alex (not verified)

working in page.html.tpl but not work if i use for example menu.html.tpl :(

Add new comment