# Inject a new class in form wrapper - UPDATE ... customization issue

**URL:** <https://forum.mautic.org/t/inject-a-new-class-in-form-wrapper-update-customization-issue/24065>\
**Category:** General Discussion\
**Created:** [May 11, 2022, 8:12pm UTC](https://forum.mautic.org/t/inject-a-new-class-in-form-wrapper-update-customization-issue/24065 "2022-05-11T20:12:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![techbill](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/techbill/32/8325_2.png) [@techbill](https://forum.mautic.org/u/techbill)\
**Post date:** [May 11, 2022, 8:12pm UTC](https://forum.mautic.org/t/inject-a-new-class-in-form-wrapper-update-customization-issue/24065/1 "2022-05-11T20:12:05Z")

</div>

I wanted to style my form inputs etc but I need to inject a class on my form wrapper itself.

The one that have those default classes

`class="mauticform-page-wrapper mauticform-page-1".`

I am using responsive framework script on my website and I wanted to add grid-x to this class so I could use the classes to size and order the each inputs etc. Like this

`class="mauticform-page-wrapper mauticform-page-1 grid-x".`

I tried adding class in the `Form attributes` but that the form itself and I need to add it to the class of the wrapper inside the form.

Doable? via theme?

I know all the Zurb Foundation framework classes or Bootstrap3/4 framework classes but I needed the form framework wrapper class applied to it before I could use those classes on inputs.

Feedback welcomed!

Thanks

---

<div class="post-metadata">

**Author:** ![techbill](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/techbill/32/8325_2.png) [@techbill](https://forum.mautic.org/u/techbill)\
**Post date:** [May 12, 2022, 6:20pm UTC](https://forum.mautic.org/t/inject-a-new-class-in-form-wrapper-update-customization-issue/24065/2 "2022-05-12T18:20:20Z")

</div>

I found this document …

[https://developer.mautic.org/#form.html.twig](https://developer.mautic.org/#form.html.twig)

I copied the form.html.php over to my theme folder which I created from blank. Added the desire classes into the form.html.php.

Uploaded theme and selected it in form setting . It doesn’t seem to apply the classes I added to it.

Here my theme structure

![Screen Shot 2022-05-12 at 1.19.46 PM](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/7/7403457127eedd91a9ac370cb8b5d377961da54c.jpeg)

Am I missing something?

---

<div class="post-metadata">

**Author:** ![techbill](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/techbill/32/8325_2.png) [@techbill](https://forum.mautic.org/u/techbill)\
**Post date:** [May 12, 2022, 6:46pm UTC](https://forum.mautic.org/t/inject-a-new-class-in-form-wrapper-update-customization-issue/24065/3 "2022-05-12T18:46:54Z")

</div>

I got it figured out …

When I uploaded the theme … it extracted all file but the form.html.php … It did not get extracted so I had to upload this one manually directly to the Builder folder and it finally appended those classes for me.

---

<div class="post-metadata">

**Author:** ![techbill](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/techbill/32/8325_2.png) [@techbill](https://forum.mautic.org/u/techbill)\
**Post date:** [May 12, 2022, 9:29pm UTC](https://forum.mautic.org/t/inject-a-new-class-in-form-wrapper-update-customization-issue/24065/4 "2022-05-12T21:29:48Z")

</div>

Anyone know why form.html.php goes not get extracted into the themes folder when it is already included in the package? A bug?

The style.html.twig which is also in same folder in the package is extracted successfully.

---

<div class="post-metadata">

**Author:** ![techbill](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/techbill/32/8325_2.png) [@techbill](https://forum.mautic.org/u/techbill)\
**Post date:** [May 12, 2022, 9:31pm UTC](https://forum.mautic.org/t/inject-a-new-class-in-form-wrapper-update-customization-issue/24065/5 "2022-05-12T21:31:10Z")

</div>

Here my attempt on first form theme … You can input the column width for each in the field properties.

 ![Screen Shot 2022-05-12 at 4.22.37 PM](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/6/6576e3edcb704466b589b36a2a69bfc58d48f000.jpeg)
