Stripe Events & Webhooks

Hey,

One last thing: i want to let the users register and i got the awful basic template from FOSuserbundle, but how can i change the style to bootstrap design? like you did for the login. Is there an easy way to overwrite te basic style, cause i searched the web and there was no clear information about that.
what do i have to do to chage the styling ?
when i copy the code from login.html.twig and paste it into the Registration/register_content.html.twig it actually shows me the bootstrap style and i can change the form groups to username, email, password and repeat password, but i have no _csrf_token and no errors variable, it says there is no variable like that.
I know that in the RegistrationController is the logic behind the form and i also know where to pass the eroor and csrf token: In the last array from the render return i have to setup the variable, but how can i catch an error there? or the csrf token? or am i going into the wrong direction? is there an easier way of doing that?

Thanks a lot :)

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