Insert a non-input row into a Formtasic form

To insert any custom code in any place, you may use f.form_buffers.last:

form do |f|
  f.form_buffers.last << "<p>Hello world!</p>".html_safe # The simple way

  ft = f.template # just a helper variable

  f.inputs "Foo" do
    f.input :title

    f.form_buffers.last << ft.content_tag(:li) do
      ft.content_tag(:p, "Hello again!") +
          ft.tag(:input, type: :hidden, name: "bar[]", value: "baz")
    end
    f.input :path
  end
end

Just be careful about the HTML structure. If you call this from f.inputs block, your code will be placed inside an <ol> element. On the "form" level, you are inside a <form> element.

A little warning: As with any "undocumented feature" this method may change without warning in any new release.


IDK if this is still something people search for but it was for me. Since form_buffers has been deprecated, I did the following and it worked out beautifully (with some CSS help).

form do |f|

  f.inputs "Model Info" do
    f.input :title
    f.input :published
    f.input :path
    li "Your important text here", class: "some_class"
  end
end

this outputs:

<li class="some_class">
  Your important text here
</li>

Got this idea from the docs after a too long Google search here FORMS and here ARBRE.


Figured this out myself. I just needed to insert the html without any method calls, like so:

form do |f|

  f.inputs "Model Info" do
    f.input :title
    f.input :published
    f.input :path
  end

  f.inputs "Custom HTML Stuff" do
    "<div id=\"element-name\">
      Some kind of content
    </div>".html_safe
  end

end

Here's a slightly simplified form of @arsen7's answer:

f.form_buffers.last << 
  "<p>Activate interlock, dynatherms connected</p>".html_safe

which in my form looks like this:

Simple HTML insert

And here's one that mimics ActiveAdmin's default style:

f.form_buffers.last << (<<END
<li class="string input optional stringish">
  <label class="label">Activate interlock</label>
  <div style="display: inline-block;">Dynatherms connected</div>
</li>
END
).html_safe

which looks like this:

ActiveAdmin-style HTML insert