SharePoint Forms Extender

Form Rows Alignment

Virto List Form Extender allows ordering rows in tabs.

Note: The section is visible when Virto Form Extender is enabled for the list. When you disable and enable form extender for the list, alignment settings are cleared and you have to set them again.

Row index is shown in “Row Index In Tab”.

Aligning rows next to other ones works only in tabs. First you have to order your rows in tabs. Let’s consider “Main Info” tab on picture above. As you can see, the order of rows in the tab is the following: “Title”, “Email”, “Test Choice”, “Num1”, “Num 2”, “Field Note”, “Num1+Num2”. The tab where rows are not aligned looks like on the picture below.

In case you need to move some rows, have to set value for “Row Index In Tab” property in field settings. All rows in the tab has initial indexes: “Title” - 1, “Email” - 2, “Test Choice” - 3, “Num1” - 4, “Num 2” - 5, “Field Note” - 6, “Num1+Num2” – 7. You have to set those indexes for “Row Index In Tab” property. Let’s consider moving “Title” row next to “Email” row.

Rules of rows moving:

  1. Always move rows down. If you want to place “Email” field after “Title” field you have to set “Order In Tab” for “Title” field greater than for “Email” field and move “Email” field down.

  2. *Destination row “Email” must be visible on all forms and for all users. So you can not add fields next to countable/computable fields because c/c fields are visible on view item form only. Source row “Title” can be hidden on some forms and/or for some users.

  3. Destination row “Email” must have empty value in “Row Index In Tab” field.

  4. Remember that every time you change “Order in Tab” property of the field you have to rearrange “Row Index in Tab” properties of the fields.

Now click “Title” field and set value 2 to “Row Index In Tab” property. Then click “Save”.

Now you can see specified row index in list of fields’ settings.

Now the form looks as follows.

You can see that field “Title” moved next to field “Email”. Pay attention to blue and red cell borders. You can set color of those borders on settings page. If you don’t set any color, default color will be used. Now look at the rounded rectangle at the right top corner. You see that title input field has been cropped. This is caused by rather low screen resolution. You can choose alternative option of field label alignment. Select option “Place field title over field value for fields with specified row index” on settings page and field labels will be placed over field values as follows.

Now we need to move fields “Num 1” and “Num 2” next to “FieldNote” field. Go to settings of the fields and set “Row Index In Tab” to 6, because “FieldNote” field has index 6.

Now the form looks as follows.

This is how you can change row indexes in tab and modify form view.

You can also adjust width of column label and column values in the list. This option is used only when row index in tab is specified. The width is defined in pixels. Go to list settings and define width for required fields (label and value). Click “Save” to save the settings.

This way you can change the outlook of list forms. For example, if you need to have “Test choice” and “E-mail” fields standing in a straight column.