Integrate Tailwind.css in Formbuilder?

[cpx3]

First of all, I know that there is a dedicated Formbuilder forum but after ten years of paying for it I do not want to pay just to learn that there is no answer ;). I just want to know if there is any possibility to use formbuilder together with Tailwind.css as CSS framework. Thanks in advance,

Bernhard

[markus-th]

6 hours ago, cpx3 said:

First of all, I know that there is a dedicated Formbuilder forum but after ten years of paying for it I do not want to pay just to learn that there is no answer ;). I just want to know if there is any possibility to use formbuilder together with Tailwind.css as CSS framework. Thanks in advance,

Bernhard

Even though I don't like the tone of your posts, I'll respond anyway.

With Embed Option D your completly free to use whatever you want.

[cpx3]

1 hour ago, markus-th said:

Even though I don't like the tone of your posts, I'll respond anyway.

With Embed Option D your completly free to use whatever you want.

First of all, thank you for the detailed answer. Even if you did not like the tone of my post. I did not ask anyone in this forum whether they like my tone. My frustration with paid Processwire modules has a long history, so I allow myself to be direct. Second, thank you for confirming that FormBuilder is not suitable for my use case. The Embed Option D is exactly what I wanted to avoid, because every new field forces me to start from scratch. So thanks for saving me from paying for another year.

[maximus]

 

[markus-th]

22 hours ago, cpx3 said:

The Embed Option D is exactly what I wanted to avoid, because every new field forces me to start from scratch

Then I must have done everything wrong over the last three years, because I added the field, expanded it in the template, updated the hash, and everything worked fine.

In my opinion, a real tailwind theme makes no sense at all, because do we really want all forms to look the same?

For that reason alone, option D is the best choice. 

[FireWire]

On 2/1/2026 at 2:17 AM, cpx3 said:

after ten years

Maybe take a crack at building a form module. Probably save some time.

You might want to consider using features Tailwind makes available to style with utility classes outside of markup. This is the most efficient way to apply consistent styling to markup you aren't generating or don't control. This is for v3 but there are options in v4 to do the same.

@layer base {
  label {
    @apply mb-1.5;
  }

  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="search"],
  input[type="tel"],
  input[type="time"],
  input[type="week"],
  [multiple],
  textarea,
  select  {
    @apply border-neutral-400;
  }

  button,
  [type='text'],
  [type='email'],
  [type='url'],
  [type='password'],
  [type='number'],
  [type='date'],
  [type='datetime-local'],
  [type='month'],
  [type='search'],
  [type='tel'],
  [type='time'],
  [type='week'],
  textarea,
  select,
  select[multiple],
  [type='checkbox'],
  [type='radio'] {
    @apply focus-visible:ring-2;
    @apply focus-visible:outline-none;
    @apply focus-visible:ring-cerulean-600;
    @apply focus-visible:ring-offset-2;
    @apply focus-visible:border-inherit;
  }

  [type='checkbox'],
  [type='radio'] {
    @apply focus:ring-cerulean-600;
    @apply cursor-pointer;
  }

  [type='checkbox']:checked,
  [type='radio']:checked {
    @apply bg-cerulean-600;
    @apply focus-visible:bg-cerulean-600;
    @apply focus:bg-cerulean-600;
    @apply hover:bg-cerulean-600;
  }

  select {
    @apply focus:ring-2;
    @apply focus:outline-none;
    @apply focus:ring-cerulean-600;
    @apply focus:ring-offset-2;
    @apply focus:border-inherit;
  }

  [type='submit'] {
    @apply px-6;
    @apply text-lg;
    @apply tracking-widest;
    @apply bg-cerulean;
    @apply text-white;
  }
}

 

Quote

after ten years of paying for it I do not want to pay just to learn that there is no answer

Assuming you're a developer- get creative, build something, find a workaround. It's part of the job. After 10 years I would think that you'd have more of a "I gave this a shot but couldn't get it to work" approach to the question, especially given that the members of the PW forums are overwhelmingly positive and here to help.