Nintex Forms in SharePoint 2013 / Office 365

Welcome to an article on Nintex Forms in SharePoint 2013 / Office 365. Here we will see how to use Nintex forms; I will be showing everything in detail so even a first time user doesn't have any issue.

So let's go for it.

Go to the Site Contents of the site and click on Add an App.

add an app

On the search page of the app write Nintex form, you will be able to see the screen below.

Nintex form sharepoint

Click on Trust it and install it to your site.

Trust it and install option in sharepoint

Now the icon Nintex forms will be available extensively throughout all the lists and document libraries in the site.

Nintex icon

So let's click on it.

As you can see below we have our list form open in design mode. I will take you through all the functionalities down the line one by one.

Nintex form

Let's start discussing the top links in the Nintex form Designer.

Nintex form Designer

  • Save: To save your actions implemented in the workflow.
  • Publish: To publish your workflow to your site's List and Document Library.
  • Preview: To have a view of your form in new , edit and view mode.
  • Reset: Reset it back to normal mode.
  • Delete Form: Delete your form and move back to the basic SharePoint form.
  • Clear All: Clear all custom settings.
  • Cut, Copy, Paste of Controls.
  • Select All: Selects all the controls.
  • Format Painter: Change the look and feel of all the controls.
  • Create Column: You can create a column in your respective list or Document Library directly from the Nintex Designer.

    create column

  • Then we have Form Settings where a user has many functions like

    • General: Show Grid lines where you can select yes or no depending on your requirements if you need grid lines on the structure of your forms and skip the message box as well.
    • Appearance: Here you can set up the borders, width, height and color of the form
    • Custom CSS: Here you can add up custom CSS File
    • Custom JavaScript: Here you can add up your custom JavaScript files
    • Nintex Mobile Settings:
      Here you can configure your mobile settings providing a name and a description, assigning it a category, Icon and an option to select the timezone.

      nintex mobile setting

    • Advanced: Here you can add in your custom CSS and JavaScript.

    form setting

  • Control Settings

    Here are the control settings:

    • General: Name of the control, Connected to the column and the default value source.
    • Appearance: You can set up the fields if you want it to be visible and to enable it. You can also put rules on the configuration on the rules that when is it visible or enable.
    • Formatting: Then we have an option to format or we can say configure the Control CSS class, CSS Class, Border and Border Style

    control setting

    • Then we have a Validation category where we have required error messages, compared to where you can validate with other fields, use range validation, use a regular expression and use custom validation.
    • Then we have an advanced feature where you can have a check on the controls using a password. Then a help text under the field, then a control mode to control the actions on the control. Then we convert an empty string to the null option, the null display default text you want users to see, store a value in a JavaScript variable and lastly resize at runtime.

    single line textbox

    • Import
    • Export
      You can Import and Export the workflows to various sites or collections thereby saving a lot of time and effort.
    • Properties: Properties setting shows us the properties of the control
    • Help: Here you have a page to help you with information about the configuration
    • Feedback: Lastly you have Feedback where you can state your queries directly to Nintex and get it answered from them or provide them with feedback to improve certain behavior.

    Then on the left part of the screen we can see Form Controls as in the screen shot. The controls have been based on categories such as the following.

  • General

    • Border
    • Button
    • Calculated Value
    • Choice field
    • Date/ Time field
    • Hyperlink
    • Image
    • Label
    • Multi Line Of Text
    • Page Viewer
    • Panel
    • People Picker
    • Repeating Section
    • Rich Text
    • Single Line of Text
    • Option as Yes or No

    form controls

  • SharePoint

      List Lookup

    list lookup in nintex

  • List Columns

      List Lookup



    You can also set up Rules for your control as in the screen shot below that can provide you the same logic as InfoPath.

    create rule

    On the right side you will be able to see the Form Properties. Here you have:

    • Add more Layouts
    • Layout Settings
    • Replace with Layout
    • Delete Layout

    Here you can assign the width, height and appearance of the layouts of the form you are using in your list or Document Library.

    properties

    Lastly come to the main center part of the form, where you can see the list columns populating. If you want to add more fields, you just need to drag and drop it from the Control Panel on the left side.

    You can change the size of the control, shuffle its place, you can color the backgrounds of the controls.

    On the whole you can design it without any effort just with simple features.

    center part of the form
Here is Nintex Forms in SharePoint 2013.

Keep Learning!

Cheers.