Add different layouts into Nintex forms in Office 365 SharePoint Online

nintex forms sharepoint tutorial
InfoPath alternatives for form designing SharePoint

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 thing about Nintex forms are 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 user name 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 different color based on status column value in SharePoint 2013 using Calculated column

– Show paging at 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 Ribon click on Properites 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 appy any designs you want to apply for the form. Once your design over publish 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 different lay out. In the Properties section it will show different layouts you have created. You can click on the lay out 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.

Similar SharePoint 2013 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 →

Leave a Reply