Grid System Design for Fine-Tuned Forms

Phil Gold
Phil Gold
November 18, 2019 | Products

We’ve been doing a lot of talking lately about how cool the modern Form Designer is, and here’s another reason to get excited. If you’ve been trying to recreate the look and feel of an existing form that you built in InfoPath or some other tool, Form Designer gives you a huge assist by using nested containers – containers within containers.

Using the technique, you can control the structure of your forms to a very high degree.

The trick is to use containers as rows in a form, and then insert additional containers within the columns.

Those containers can then be columnized on their own, which lets you vary widths across the rows to suit your purposes. It also gives you better control over visibility and permission rules, too.

Once you’ve got your grid laid out, it’s a quick job to drag list fields into place.

Some tips:

  • If you’ve got an existing form, start by analyzing its structure for rows and columns. If you’re starting from scratch, drawing a rough diagram will be very helpful.
  • Adding fields to the same container will cause them to stack one on top of the other, which is useful in some cases.
  • If you want rows to stay level, it’s not a bad idea to nest a container into each column.
  • If you want to use tabs or accordion sections, set those up first - you can’t move containers! The good news is that if you need to redo anything, it only takes moments.

I’ve created a video tutorial using this method which you can watch to see a walkthrough of the building process. Give it a try – I think you’ll be impressed at how well the technique works!

Loading...

Add your comment

Comments are not designed to replace support calls. If you have a specific issue with one of our products, please send an email to support@infowisesolutions.com to open a support ticket.

UltimateForms

Build powerful business applications in SharePoint using only your browser.
100% No-Code Solution

It's never been easier, to create, innovate and share, all you need is your web browser!

Cost-effective

Address business process pain points immediately. Save time and money.

Fantastic Support Team

Facing difficulties installing the application? Contact our fantastic support team.

support@infowisesolutions.com

Related Topics


© 2019 - Infowise Solutions Ltd
The awesome power of ULTIMATEforms

Quickly and easily turn time-consuming business processes into automated, efficient workflows.

100% No-Code Solution

It's never been easier, to create, innovate and share, all you need is your web browser!

Cost-effective

Address business process pain points immediately. Save time and money.

Fantastic Support Team

Facing difficulties installing the application? Contact our fantastic support team.

support@infowisesolutions.com


Request a Live Demo

Book an appointment for a one-on-one with an ULTIMATEforms expert trainer.

Test drive the awesome power of ULTIMATEforms

Learn how to quickly and easily turn time-consuming business processes into automated, efficient workflows.

Have a strong start

Only thirty minutes of well-coached time can translate into great future savings in time and money. So, sit back and enjoy the ride.

It's Free

Learn how to address business process pain points immediately. Save time and money.

Request a Live Demo

Book an appointment for a one-on-one with an ULTIMATEforms expert trainer.

Test drive the awesome power of ULTIMATEforms

Learn how to quickly and easily turn time-consuming business processes into automated, efficient workflows.

Have a strong start

Only thirty minutes of well-coached time can translate into great future savings in time and money. So, sit back and enjoy the ride.

It's Free

Learn how to address business process pain points immediately. Save time and money.