How to Customize SharePoint Online List form using Nintex forms for Office 365 (Part-2)

This is another Nintex tutorial, where we will discuss how to customize SharePoint Online list form using Nintex forms for Office 365.

You can check the part-1, How to Customize SharePoint Online List form using Nintex forms for Office 365 (Part-1)

Here we will discuss how to add controls inside a panel in Nintex forms and how to add borders to the controls in Nintex forms.

How to add a panel on Nintex forms?

If you are new to Nintex forms, then read my previous post on How to Add Nintex forms for Office 365 to SharePoint Online Sites?

  • Open your SharePoint Online list and from Ribbon click on “Nintex Forms” which will open Nintex form designer. Go to the “Form controls” on the left side of the Nintex form, select panel control as shown below.
create a nintex form in sharepoint online
create a nintex form in sharepoint online
  • Drag the panel onto the Nintex form and increase the size of the panel and enter the name of the panel in the panel “settings” and for adding colors click on “More Settings” as shown below.
creative nintex forms
creative nintex forms
create nintex form for office 365
create nintex form for office 365
  • For adding colors and borders for the panel, click on “More Settings” and change colors as shown below
nintex forms sharepoint online
nintex forms sharepoint online

Add Controls to the Panel in Nintex Forms

For adding controls on the panel in Nintex forms, just select control and drag them into the panel as shown below.

build  nintex forms
build nintex forms

For the controls , I have selected borders and colors as shown below.

create nintex form Office 365
create nintex form Office 365

After adding borders to the controls see the below screenshot.

nintex forms sharepoint online
nintex forms sharepoint online

Do the changes on remaining controls as you like.

Take another panel named it as “Personal Details” and place the address panel in it and remaining controls are add in the personal details panel.

Preview and Publish Nintex form

  • After complete design, for preview the form, go to control->click on preview, it will show “preview settings “window.
create a nintex form in sharepoint online
create a nintex form in sharepoint online
  • Click on “Generate Preview”.
create a nintex form in sharepoint online
create a nintex form in sharepoint online
  • Next Save and Publish the form.
nintex forms sharepoint online
nintex forms sharepoint online
  • Click on Publish button, after publishing the form, it will show you successful message “form Published Successfully” and click OK as shown below.
build  nintex forms
build nintex forms
  • Come back to your site, go to your list and click on  “new item” then form will appear as shown below.
create a nintex form in sharepoint online
create a nintex form in sharepoint online

Check out below Nintex tutorials which we can use to customize SharePoint Online list forms:

Conclusion

Have you seen the above form, I have placed the control in different ways in the different panel in Nintex forms and I have shown how to apply different colors and borders to the controls and panels inside Nintex forms. 

>