Add different layouts into Nintex forms in Office 365 SharePoint Online

nintex forms sharepoint tutorial

In this post, we will discuss how we can add different layouts to list forms which are customized using Nintex forms for Office 365. One of the good things about Nintex forms is you can very easily design InfoPath forms for other devices apart from Desktop. You can design forms for Smart Phone, Generic Tablet, iPad, Windows Tablet, Android Tablet, Nintex Mobile Phone & Nintex Mobile Tablet also. If you are new to Nintex forms you can see Working with Nintex Forms for Office 365 and Auto-populate current username in people picker in SharePoint Online Office 365 Nintex forms.

Here we will see how we can design a form for Smart Phone so that when you open your SharePoint online site in your smartphone, you will have a nice layout of your list form.

Also, you can read:
SharePoint 2013 online Show color in a different color based on status column value in SharePoint 2013 using Calculated column

Show paging at the top in list view web part SharePoint 2013 Online using jQuery

SharePoint 2013 Different JQuery Operations on SharePoint List Form

Open your SharePoint online site and then navigate to the particular list for which you want to design a different layout. From the Ribbon click on Nintex forms which will open your Nintex designer.

In the Nintex form designer by default, it will show the form for your desktop layout. From the Ribbon click on Properties button as shown in the fig below:

nintex forms
nintex forms

Then from the Properties section (right side) click on Add More Layouts button as shown in the fig below:

nintex sharepoint forms
nintex sharepoint forms

After this it will display all the layout, from there select Smart Phone as shown in the fig below:

nintex sharepoint 2013 form
nintex sharepoint 2013 form

This will show your form for Smart Phone layout, in this form you can add remove controls or you can apply any designs you want to apply for the form. Once your design over publishes the form to see the changes. You can see the form like below:

nintex forms examples
nintex forms examples

From the designer page itself, you can change the view to see how the how the form is appearing in a different layout. In the Properties section, it will show different layouts you have created. You can click on the layout to see how the form is appearing.

nintex forms sharepoint
nintex forms sharepoint

Apart from this from the left side in the Nintex designer, you can see the CONTROLS IN USE tab to see what are the controls used in each layout.

nintex forms sharepoint tutorial
nintex forms sharepoint tutorial

Hope this will be helpful.


You May Also like the Following SharePoint Online Tutorials:

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →