Nibble

UI-O-Matic Loves Umbraco FOrms

A year ago I introduced an Umbraco addon called UI-O-Matic which allows you to build up an integrated UI for your custom db tables in minutes (if you haven’t seen it I would recommend to check it out since it’s a real time saver!)

But of course all the CRUD action happens in the backoffice and I thought it would be nice to allow you to easily genereate forms based on your UI-O-Matic models that you can use in the front end of your site.

So I’m glad to present you a couple of Umbraco Forms addons that will make it super easy to link and submit data from your custom db tables.

Prevalue source type

The UI-O-Matic prevalue source type allows you to hook list field types (checkboxlist, dropdownlist, radiobuttonlist) to your Models (so to your db)

PrevalueSourceType

Simply select the type of object (your available models decorated with the UIOMatic attribute) the sort column and order and that’s it… it will use the primary key column as prevalue id and the ToString() method on the model as the value

Workflow type

The UI-O-Matic workflow type allows you to extend the functionality of a form in this case it will allow you to submit your record to a database table.

WorkflowType

If you have ever used the save as Umbraco document workflow type it will look very similar, first select the type of object then you can map the different properties on that object to record fields or setup a static value.

Data source type

And finally there is also a UI-O-Matic datasource type that will give you the option to generate a form based on a Model.

DataSourceType

Simply select the type of object and then follow the wizard.

Bonus

A small bonus that you’ll also find in the project is an attribute that can be used to decorate your UI-O-Matic model so that it creates the assiciated table for you [CreateTable]

Where can I get it?

You can simply install it from Nuget. Of course this depends on Umbraco Forms and UI-O-Matic but Nuget should take care of the dependencies if you haven’t already installed them.

PM> Install-Package Nibble.Umbraco.UIOMaticLovesForms

What’s next?

I’ll try to do some follow up posts with real world examples.

Leave a Reply