Build your first Nintex Form - Part 2 of 3 (repeating sections)

Document created by Emily Billing Employee on May 22, 2014Last modified by Emily Billing Employee on Jun 29, 2014
Version 4Show Document
  • View in full screen mode

Ok, by now you've built your first basic form from a SharePoint list, and this time we show you how you can add more value to it. This article follows on from the previous Build your first Nintex Form - Part 1 of 3 (simple customization).

 

Let's begin

 

You may have noticed that the travel request form we created in the first article does not contain an area for destinations. This is where a repeating section comes in handy. 

 

The first step is to create some room on the form. To move and resize the controls on the form, select a control and use the yellow corners to resize the select the controls you want to move. 

 

Your form should look something like this. 

form_basic.png

In the space you have created, drag a Repeating Section Control onto the canvas. 

repeating_section.png

Add four Label controls

The next step is to add four Label controls on top of the repeating section. These are going to be the columns for each set of information. The four label controls should be titled; Country, City, Arrival Date and Departure Date. 

 

To change the title of a Label control, double click on the control and type in the text box. 

country_label.png

 

Once you have named all your Label controls, your form should look something like this. 

labels.png

Add input controls within the Repeating Section

Now it’s time to add the input controls within the actual repeating section control. Drag a Single line of text control onto the canvas, and sit it inside the Repeating section control below “Country”. 

repeating_section.png

Now copy and paste this control below the next column; City. Your form should look similar to the image below.

copy.png

We’re almost finished the repeating section! 

 

Add two Date and Time controls

The final two controls, are Date/Time. Drag a Date and Time control below the Arrival Date field, in the repeating section. Double click on the control and in the Date Only field, select Yes

date_time.png

Copy the Date/Time control and paste below the Departure Date label. Your form should look something like this. You may have to rearrange the controls so everything fits. 

depature_date.png

Format the Controls

Add formatting to the Repeating section, so the input controls are consistent with the other controls on the form. Click on the Start Date input control and then select the Format Painter in the Ribbon. The Format painter copies the formatting style from one control to another.

format_painter.png

Click on the Repeating Section control and the formatting will be copied over.

repeat.pngDrag and drop a Label control on the top of the Repeating Section. Double –click on the action and call it Destinations.

repeat2.png

Finally, double click on the Repeating Section control. In the control dialog, locate the Text for add row icon and type in “Add another destination”. 

text.png

Preview the Form

Now we’re ready to Preview.

Click on the Preview button in the Ribbon, and then Generate Preview. When you click on “Add another destination”, another section should open up and look like this.

preview.png

Almost there, let's continue with the final article and add some simple validation and a hyperlink into your Travel Request form > Build your first Nintex Form - Part 3 of 3 (validation & hyperlinks)

Attachments

    Outcomes