Recent

Popup Feedback Form

You can create a simple feedback form using a custom list and create a link/button on your homepage to open the feedback form in a popup modal dialog box using a simple html file.
feedback-form-26

Create a new Feedback list

1. First we will create a new list for our feedback, click on the Site Contents link and then click on add an app.
feedback-form-1

2. Choose the Custom list template
feedback-form-2

3. Name your list ‘Feedback’ to make the script work without having to edit it, you can always change the title of the App later.  Click the Create button
feedback-form-3

Create a Feedback Field

We need to create a multi-line feedback column on our form.

4. Inside the Feedback list, click on the List tab, select List Settings
feedback-form-4

5. In list settings, click on the Create column option
feedback-form-5

6.  Name the field Feedback, select Multiple lines of text.
feedback-form-6

7. Make the field required and then click the OK button to create the column
feedback-form-7

Auto populate a Title for the feedback

The title field is required but we don’t want our users to have to enter a title for their feedback.  So instead we are going to populate a title for them.

8.  Back on the List settings page under the columns section, click on the Title field.
feedback-form-8

9.  At the bottom of the column settings, select Calculated Value for the Default Value settings and then enter the text from the screenshot below.

Click the OK button to save the column
feedback-form-9

Hide the Title field from the form

Now that our title field has a default value we can hide it from the form.

10.  On the List Settings page, click on the Advanced settings option
feedback-form-10

11.  On the advanced settings page, select Yes for Allow managements of content types.  Click the OK button to save your advanced settings changes.
feedback-form-11

11.  On the List settings page, you should now see a new Content Types section.  Click on the Item Content Type.
feedback-form-12

12.  Click on the Title field
feedback-form-13

13.  Select Hidden for the Column Setting, click OK to save your setting.
feedback-form-14
14.  Click on the Settings breadcrumb at the top of the page to return to the List Settings page.
feedback-form-15

15. Click on the Feedback breadcrumb to bring you back to the Feedback list.
feedback-form-25

Modify the default view

Edit the All Items view to show the submitters name and list most recent items first.

16. On the Feedback list, click on the ellipses next to the All Items view and select Modify this View.
feedback-form-19

17. Check the Display option next to Created By
feedback-form-20

18. Change the Sort to Created and in descending order.  Click the OK button to save your changes.
feedback-form-21

You view will now be showing the most recent items first with the Created By person’s name on the view.
feedback-form-23

Download and add the feedback button or link

To get the feedback form to open as a dialog popup box on a page, you will need to download a couple small html files and add them to the sites Site Assets library.

19. Click on the Feedback-Files.zip file to download the zip file
Feedback-Files.zip

20.  Extract the 3 files from the zip file (on PC’s, usually right-click the file and choose Extract all)
feedback-form-27

21.  Add the 3 files to the sites Site Assets library
feedback-form-29

22. Copy the link/shortcut to either the feedback-button or feedback-link file (depending on if you want to add a feedback button or just a text link to your page).
feedback-form-28

23.  Go to the page you want to add the button/link on, edit the page.

24.  Click on the page where you want to insert the button/link, then click on the Insert option and insert a Content Editor webpart.
feedback-form-30

25. Edit the Content Editor webpart
feedback-form-31

26.  Paste in the URL you copied in step 22, edit the Chrome Type to None, click OK to save the web part settings.
feedback-form-32

Finished Example

You should now have either a button or a link on your page that opens the feedback form in a popup box for users to submit.
feedback-form-26

About Nick Hurst (84 Articles)
SharePoint and Nintex developer who strives to find easy to deploy and maintain solutions for business problems.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: