« Back to blog

Revamping Ubiquo forms - UbiquoFormBuilder

The forms have been pieces of repeated HTML code till now. We focused on it to get more DRY and get a powerful abstraction applying the “the convention over configuration” concept.

We have a new helper method, ubiquo_form_for, which is like the form_for but uses our custom form builder UbiquoFormBuilder.

This builder does the same as usual but adds all the surrounding html that uses to be added to a input in a ubiquo form.

Using the regular builder, we would write this:

but with UbiquoFormBuilder we write this:

As you can see the form gets more “right to the point”, and the code is far less verbose.

Features:

  • Add hidden tooltips on a field to help introducing the data.
  • Mark a field as translatable
  • Add a description to the field
  • Group fields in tabs

The tabs are shown like this:

tabs on a form

You can find more on our guide: http://guides.ubiquo.me/edge/ubiquo_core.html#form-helpers

 

Posted by Jordi Beltran 

Comments (0)

Leave a comment...