How can I add an element into form created with formbuilder (Symfony)?

I create a form via formbuilder in Symfony4:

$formBuilder->add($fieldMapping['fieldName'], TextType::class, array('attr' => array('class' => 'form-control')));

This is giving me the following output:

<div>

   <label for="form_username" class="required">Username</label>

   <input type="text" id="form_username" name="form[username]"  class="form-control">

</div>

I would like to add a line after the input field, so the result looks like this:

<div>

   <label for="form_username" class="required">Username</label>

   <input type="text" id="form_username" name="form[username]" required="required" class="form-control">

   <span class="info" data-name="form[username]">

</div>

My approach:

$formBuilder->add($fieldMapping['fieldName'], TextType::class, array('attr' => array('class' => 'form-control', 'after' => "<span class='info' data-name='form[username]'></span>")));

But this is not correct

asked Nov 21 '18 at 17:43

monkeylove

2,54811746

1

Whether you override the form rending using form theming you can ispire from this example symfony.com/doc/current/form/…

– famas23
Nov 21 '18 at 18:07

add a comment |

I create a form via formbuilder in Symfony4:

$formBuilder->add($fieldMapping['fieldName'], TextType::class, array('attr' => array('class' => 'form-control')));

This is giving me the following output:

<div>

   <label for="form_username" class="required">Username</label>

   <input type="text" id="form_username" name="form[username]"  class="form-control">

</div>

I would like to add a line after the input field, so the result looks like this:

<div>

   <label for="form_username" class="required">Username</label>

   <input type="text" id="form_username" name="form[username]" required="required" class="form-control">

   <span class="info" data-name="form[username]">

</div>

My approach:

$formBuilder->add($fieldMapping['fieldName'], TextType::class, array('attr' => array('class' => 'form-control', 'after' => "<span class='info' data-name='form[username]'></span>")));

But this is not correct

asked Nov 21 '18 at 17:43

monkeylove

2,54811746

1

Whether you override the form rending using form theming you can ispire from this example symfony.com/doc/current/form/…

– famas23
Nov 21 '18 at 18:07

add a comment |

I create a form via formbuilder in Symfony4:

$formBuilder->add($fieldMapping['fieldName'], TextType::class, array('attr' => array('class' => 'form-control')));

This is giving me the following output:

<div>

   <label for="form_username" class="required">Username</label>

   <input type="text" id="form_username" name="form[username]"  class="form-control">

</div>

I would like to add a line after the input field, so the result looks like this:

<div>

   <label for="form_username" class="required">Username</label>

   <input type="text" id="form_username" name="form[username]" required="required" class="form-control">

   <span class="info" data-name="form[username]">

</div>

My approach:

$formBuilder->add($fieldMapping['fieldName'], TextType::class, array('attr' => array('class' => 'form-control', 'after' => "<span class='info' data-name='form[username]'></span>")));

But this is not correct

asked Nov 21 '18 at 17:43

monkeylove

2,54811746

I create a form via formbuilder in Symfony4:

$formBuilder->add($fieldMapping['fieldName'], TextType::class, array('attr' => array('class' => 'form-control')));

This is giving me the following output:

<div>

   <label for="form_username" class="required">Username</label>

   <input type="text" id="form_username" name="form[username]"  class="form-control">

</div>

I would like to add a line after the input field, so the result looks like this:

<div>

   <label for="form_username" class="required">Username</label>

   <input type="text" id="form_username" name="form[username]" required="required" class="form-control">

   <span class="info" data-name="form[username]">

</div>

My approach:

$formBuilder->add($fieldMapping['fieldName'], TextType::class, array('attr' => array('class' => 'form-control', 'after' => "<span class='info' data-name='form[username]'></span>")));

But this is not correct

forms symfony oop formbuilder

asked Nov 21 '18 at 17:43

monkeylove

2,54811746

asked Nov 21 '18 at 17:43

monkeylove

2,54811746

asked Nov 21 '18 at 17:43

monkeylove

2,54811746

asked Nov 21 '18 at 17:43

monkeylove

2,54811746

asked Nov 21 '18 at 17:43

monkeylove

2,54811746

1

Whether you override the form rending using form theming you can ispire from this example symfony.com/doc/current/form/…

– famas23
Nov 21 '18 at 18:07

add a comment |

1

Whether you override the form rending using form theming you can ispire from this example symfony.com/doc/current/form/…

– famas23
Nov 21 '18 at 18:07

Whether you override the form rending using form theming you can ispire from this example symfony.com/doc/current/form/…

– famas23
Nov 21 '18 at 18:07

add a comment |

2 Answers
2

active

oldest

votes

As @Ahmed EBEN HASSINE said, prefers twig form theming https://symfony.com/doc/current/form/form_customization.html#adding-help-messages

Inside one template

{% use 'form_div_layout.html.twig' with form_widget_simple as base_form_widget_simple %}



{% block form_widget_simple %}

    {{ block('base_form_widget_simple') }}

    <span class="info" data-name="{{ full_name }}">

{% endblock %}





{# rest of your code #}

For all your templates, create a base file

{# template/form/fields.html.twig #}

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



{% block form_widget_simple %}

    {{ parent() }}



    <span class="info" data-name="{{ full_name }}">

{% endblock %}

and declare it in your configuration

# config/packages/twig.yaml

twig:

    form_themes:

        - 'form/fields.html.twig'

answered Nov 21 '18 at 21:58

acucchieri

35418

add a comment |

You can print individual label & widget in Twig.

<div>

    {{ form_label(form.fieldName) }}

    {{ form_widget(form.fieldName) }}

    <span class="info" data-name="form[username]">

</div>

edited Nov 21 '18 at 18:11

answered Nov 21 '18 at 17:52

Rodmar Zavala

826

2

Not sure why the downvotes. This is an acceptable approach. Instead of string form[username] I would add form.username.vars.full_name though.

– emix
Nov 21 '18 at 18:15

1

Me neither, thanks! :)

– Rodmar Zavala
Nov 21 '18 at 18:18

add a comment |

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53417822%2fhow-can-i-add-an-element-into-form-created-with-formbuilder-symfony%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

As @Ahmed EBEN HASSINE said, prefers twig form theming https://symfony.com/doc/current/form/form_customization.html#adding-help-messages

Inside one template

{% use 'form_div_layout.html.twig' with form_widget_simple as base_form_widget_simple %}



{% block form_widget_simple %}

    {{ block('base_form_widget_simple') }}

    <span class="info" data-name="{{ full_name }}">

{% endblock %}





{# rest of your code #}

For all your templates, create a base file

{# template/form/fields.html.twig #}

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



{% block form_widget_simple %}

    {{ parent() }}



    <span class="info" data-name="{{ full_name }}">

{% endblock %}

and declare it in your configuration

# config/packages/twig.yaml

twig:

    form_themes:

        - 'form/fields.html.twig'

answered Nov 21 '18 at 21:58

acucchieri

35418

add a comment |

As @Ahmed EBEN HASSINE said, prefers twig form theming https://symfony.com/doc/current/form/form_customization.html#adding-help-messages

Inside one template

{% use 'form_div_layout.html.twig' with form_widget_simple as base_form_widget_simple %}



{% block form_widget_simple %}

    {{ block('base_form_widget_simple') }}

    <span class="info" data-name="{{ full_name }}">

{% endblock %}





{# rest of your code #}

For all your templates, create a base file

{# template/form/fields.html.twig #}

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



{% block form_widget_simple %}

    {{ parent() }}



    <span class="info" data-name="{{ full_name }}">

{% endblock %}

and declare it in your configuration

# config/packages/twig.yaml

twig:

    form_themes:

        - 'form/fields.html.twig'

answered Nov 21 '18 at 21:58

acucchieri

35418

add a comment |

As @Ahmed EBEN HASSINE said, prefers twig form theming https://symfony.com/doc/current/form/form_customization.html#adding-help-messages

Inside one template

{% use 'form_div_layout.html.twig' with form_widget_simple as base_form_widget_simple %}



{% block form_widget_simple %}

    {{ block('base_form_widget_simple') }}

    <span class="info" data-name="{{ full_name }}">

{% endblock %}





{# rest of your code #}

For all your templates, create a base file

{# template/form/fields.html.twig #}

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



{% block form_widget_simple %}

    {{ parent() }}



    <span class="info" data-name="{{ full_name }}">

{% endblock %}

and declare it in your configuration

# config/packages/twig.yaml

twig:

    form_themes:

        - 'form/fields.html.twig'

answered Nov 21 '18 at 21:58

acucchieri

35418

As @Ahmed EBEN HASSINE said, prefers twig form theming https://symfony.com/doc/current/form/form_customization.html#adding-help-messages

Inside one template

{% use 'form_div_layout.html.twig' with form_widget_simple as base_form_widget_simple %}



{% block form_widget_simple %}

    {{ block('base_form_widget_simple') }}

    <span class="info" data-name="{{ full_name }}">

{% endblock %}





{# rest of your code #}

For all your templates, create a base file

{# template/form/fields.html.twig #}

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



{% block form_widget_simple %}

    {{ parent() }}



    <span class="info" data-name="{{ full_name }}">

{% endblock %}

and declare it in your configuration

# config/packages/twig.yaml

twig:

    form_themes:

        - 'form/fields.html.twig'

answered Nov 21 '18 at 21:58

acucchieri

35418

answered Nov 21 '18 at 21:58

acucchieri

35418

answered Nov 21 '18 at 21:58

acucchieri

35418

answered Nov 21 '18 at 21:58

acucchieri

35418

add a comment |

You can print individual label & widget in Twig.

<div>

    {{ form_label(form.fieldName) }}

    {{ form_widget(form.fieldName) }}

    <span class="info" data-name="form[username]">

</div>

edited Nov 21 '18 at 18:11

answered Nov 21 '18 at 17:52

Rodmar Zavala

826

2

Not sure why the downvotes. This is an acceptable approach. Instead of string form[username] I would add form.username.vars.full_name though.

– emix
Nov 21 '18 at 18:15

1

Me neither, thanks! :)

– Rodmar Zavala
Nov 21 '18 at 18:18

add a comment |

You can print individual label & widget in Twig.

<div>

    {{ form_label(form.fieldName) }}

    {{ form_widget(form.fieldName) }}

    <span class="info" data-name="form[username]">

</div>

edited Nov 21 '18 at 18:11

answered Nov 21 '18 at 17:52

Rodmar Zavala

826

2

Not sure why the downvotes. This is an acceptable approach. Instead of string form[username] I would add form.username.vars.full_name though.

– emix
Nov 21 '18 at 18:15

1

Me neither, thanks! :)

– Rodmar Zavala
Nov 21 '18 at 18:18

add a comment |

You can print individual label & widget in Twig.

<div>

    {{ form_label(form.fieldName) }}

    {{ form_widget(form.fieldName) }}

    <span class="info" data-name="form[username]">

</div>

edited Nov 21 '18 at 18:11

answered Nov 21 '18 at 17:52

Rodmar Zavala

826

You can print individual label & widget in Twig.

<div>

    {{ form_label(form.fieldName) }}

    {{ form_widget(form.fieldName) }}

    <span class="info" data-name="form[username]">

</div>

edited Nov 21 '18 at 18:11

answered Nov 21 '18 at 17:52

Rodmar Zavala

826

edited Nov 21 '18 at 18:11

answered Nov 21 '18 at 17:52

Rodmar Zavala

826

answered Nov 21 '18 at 17:52

Rodmar Zavala

826

answered Nov 21 '18 at 17:52

Rodmar Zavala

826

2

Not sure why the downvotes. This is an acceptable approach. Instead of string form[username] I would add form.username.vars.full_name though.

– emix
Nov 21 '18 at 18:15

1

Me neither, thanks! :)

– Rodmar Zavala
Nov 21 '18 at 18:18

add a comment |

2

Not sure why the downvotes. This is an acceptable approach. Instead of string form[username] I would add form.username.vars.full_name though.

– emix
Nov 21 '18 at 18:15

1

Me neither, thanks! :)

– Rodmar Zavala
Nov 21 '18 at 18:18

Not sure why the downvotes. This is an acceptable approach. Instead of string form[username] I would add form.username.vars.full_name though.

– emix
Nov 21 '18 at 18:15

Me neither, thanks! :)

– Rodmar Zavala
Nov 21 '18 at 18:18

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Agfdhyk