Example of form design

UPDATE: more design examples here

UPDATE (10/28/2016): Style import is now available. You can now simply download the style file and import it into your settings. Get the file here (right-click and choose Save As)

Hi,

I wanted to share how you can design great looking forms using Ultimate Forms and some CSS magic. This is an example of an expense report on Office 365.

I used two lists, one for the main form and one for the line items. I then linked the two using an Associated Items column and produced the automatic total calculation using Associated Items Summary column.

To be able to achieve the look & feel, I created a background image for the field controls and another image for the background of the form itself. I then used custom CSS overrides to control the colors, margins and borders.