Create a custom list and view in SharePoint designer 2013

This SharePoint tutorial explains, how to create a custom list in SharePoint 2016 using SharePoint designer 2013. We can create various lists using the browser, SharePoint designer or visual studio 2015, etc.

We will also see, how to create a custom list view using SharePoint designer 2013 in SharePoint 2013/2016 or SharePoint Online.

In SharePoint 2016 there is no newer version of SharePoint designer, so we can use SharePoint designer 2013 to connect to SharePoint 2016.

Create a SharePoint List using SharePoint Designer 2013

Open your SharePoint 2016 site using SharePoint designer 2013 and then from Ribbon click on the SharePoint List button and then choose a Custom List template. Because we are going to create a list using a custom list template. It should look like below:

Create SharePoint 2016 List using SharePoint Designer 2013
Create SharePoint 2016 List using SharePoint Designer 2013

Then in the Create list or document library to your site page, give a name and description like below:

Create a custom list using SharePoint Designer 2013
Create SharePoint 2016 List using SharePoint Designer 2013

Once the list created successfully it will open the List page where you can manage few things like:

  • List Information: In this section, you will be able to see the name, description, address, List GUID, items count, etc.
  • Customization: In this section, you can edit the list columns and permissions for this also.
  • Settings: Few settings will appear like: hide from the browser, display this list in quick launch, etc.
  • Views: You can see the views presented in the list, by default only All Items views will be shown and also you can create views from there.
  • Forms: You can see the forms used in this list like display form, new form and edit form.
  • Workflows: You can see the workflows associated with this list. Also, you can create new workflows.
how to create a custom list in sharepoint designer 2013
Create SharePoint 2016 List using SharePoint Designer 2013

Now we will try to add columns to the list, From the Customization section click on Edit list columns link as shown in the fig below:

Create SharePoint List using SharePoint Designer 2013
Create SharePoint 2016 List using SharePoint Designer 2013

By default, one column appears for the list which appears is “Title” column and You can rename it by right click on the column name.

Create SharePoint List using SharePoint Designer 2013
Create SharePoint 2016 List using SharePoint Designer 2013

Then from the ribbon, click on Add New Column and then select the data type. Here we select Single Line of Text like below:

create a custom list in sharepoint designer 2013
Create SharePoint 2016 List using SharePoint Designer 2013

Similarly, we can add one more column as choice type. And to add choice option you can put like below, one option in one line.

create list using sharepoint designer 2013
Create SharePoint 2016 List using SharePoint Designer 2013

Similarly, create another filed which will of Multi Lines of Text. Then if you want to enable Rich text then from the Column Editor windows select the checkbox “Enhanced Rich Text (Rich text with pictures, tables, and hyperlinks)”.

create list using sharepoint designer
Create SharePoint 2016 List using SharePoint Designer 2013

After this save the list and you can see the list got created and all the columns also have been added. You can see the changes by visiting the list in the browser.

Create a custom list view using SharePoint designer 2013

Now, let us see how to create a custom listview using SharePoint 2013 designer.

Every list or library has at least one view associated with the list, by using which you can display list items stored inside a list.

A list view can be created and modified by using the browser and SharePoint designer. The advantages of designer views are that you can change the layout of the list, you can apply conditional formatting as you can connect the list view to another list as well.

Even after creating a new view using SharePoint designer you can also open the same view using the browser and do some more customization.

In this post, we will create a very simple view to display items based on a filter condition.

Follow below steps to create a listview using SharePoint designer 2013.

Open your site using SharePoint 2013 designer. Then from the “Site Objects” click on “Lists and Libraries”. This will display you all the list and libraries presented inside the site.

Click on the particular list for which you want to create a new view. This will open the list settings page in the designer. From the right-hand side go to the Views where it displays all the views presented for that list, then click on the New… icon as shown in the fig below:

create a custom list view using sharepoint designer 2013
sharepoint 2013 views

This will open the “Create New List View” dialog box. Here give a Name and then you can optionally choose “Make this the default view” checkbox.

create views in SharePoint 2013 designer
create views in SharePoint 2013 designer

The list view will appear like below:

create custom list view in sharepoint designer 2013
how to create custom views using sharepoint designer 2013

Now click on the view name to customize the view. It will open the code view, just to let you know here, there will be no design view since Microsoft removed the design view. Now put the cursor around <WebPartPages: XsltListViewWebPart tag you will see the List Tools View tab option from the Ribbon. If you do not see this option then check out this article.

Now from the List View Tools click on the Filter icon as shown in the fig below:

sharepoint designer 2013 views
sharepoint designer 2013 views

This will open the Filter Criteria dialog box, where you can set the filter condition as shown in the fig below. In this case, I have added a filter condition to display all the items on the list where Age is greater than 30.

create views using sharepoint designer 2013
create views using sharepoint designer 2013

Now Save this and open the view in the browser. It will appear like below:

create a custom list view using sharepoint designer 2013
steps by steps tutorial on sharepoint 2013 views

You may like following SharePoint designer 2013 tutorials:

Hope this article will be helpful to create a SharePoint 2016 custom list using SharePoint designer 2013.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>