Stripe Events & Webhooks

Yo Blueblazer172!

Ok, so there are basically 2 things you need to know about styling the FOSUserBundle templates. And btw, the templates are horribly styled by design - the idea is that you will definitely need to override them... so they're made plain.

1) Most of what you see on the registration page are the form fields. How the form fields are rendered is based on your form theme. Make sure you've configured the bootstrap form theme: http://knpuniversity.com/screencast/symfony-forms/render-form-bootstrap

2) You will also need to override the layout file used by the bundle. The docs are here: https://symfony.com/doc/master/bundles/FOSUserBundle/overriding_templates.html#example-overriding-the-default-layout-html-twig. But, the docs are incomplete! The directions for how to override this are correct, but the example layout.html.twig template they have is wrong. It should be:

{% extends 'base.html.twig' %}

{% block body %}
    {% block fos_user_content %}{% endblock %}
{% endblock %}

Basically, FOSUserBundle doesn't even know that your bundle has a base.html.twig base layout file. So, instead, all of its templates extend this layout.html.twig... which has almost not styling on it. LAME! To make FOSUserBundle's templates use base.html.twig, you basically override their layout file, and make sure that the contents of the fos_user_content block (this is the block where all of the FOSUserBundle's templates put their content) is rendered in the body block area (which is usually the name of the block in base.html.twig where our content goes). The tl;dr of this step is that the registration page will now start using your base layout... which is important because without this, your bootstrap.css file is never included.

You may also want to override the individual templates. For example, to override the registration template, you can override this template: https://github.com/FriendsOfSymfony/FOSUserBundle/blob/master/Resources/views/Registration/register_content.html.twig

If you have more questions about this - let me know! I'm giving you the 80% explanation - not sure what things you do or don't have experience in (e.g. forms, etc) :)

Cheers!

I've successfully figured it out during today, but thanks anyways :)

but there is one little thing that does not work...
i loop through every error for each field. that could be done in one for loop. but i don't know. so here is the register.html.twig file: http://pastebin.com/6H5w51qn

what do i have to change?

Hey Blueblazer172
You can simplify all of this work, if you just render the whole form like this

{{ form_start(form, {'attr': {...} }) }}
    {{ form_widget(form) }}
    {{ form_end(form) }}

or you can render field by field using the form_row(form.field) function

You might find this tutorial very helpful:
https://knpuniversity.com/screencast/symfony-forms

Have a nice day!

thanks :)

but how can i simplify this code:

<div class="alert alert-danger">

                        {% for errorItem in form.username.vars.errors %}

                            <li>{{ errorItem.message }}</li>

                        {% endfor %}

                        {% for errorItem in form.email.vars.errors %}

                            <li>{{ errorItem.message }}</li>

                        {% endfor %}

                        {% for errorItem in form.plainPassword.first.vars.errors %}

                            <li>{{ errorItem.message }}</li>

                        {% endfor %}

                        {% for errorItem in form.plainPassword.second.vars.errors %}

                            <li>{{ errorItem.message }}</li>

                        {% endfor %}
                    </div>

Hey Blueblazer172

If you only want to render field errors, you can do something like this
{{ form_errors(form.field) }}
for every field you want to render

Cheers!

thanks you are amazing :)) finally it is working as i want to have it :)
best english :)

I'm glad to hear you could achieved it :)

If you have more questions, don't hesitate to contact us