Partial View in MVC

Jignesh Trivedi

Partial View allows us to put HTML and C# code into a file that we can reuse across multiple other views. This is very useful when you work on a large application.

Assume we have the following peice of code that we would like to make reusable for other views.

We will extract the above marked code and paste it in a new "partial view" and then we'll just call that "partial view" from this foreach loop. Please use the following.

Step 1

Select the above code and copy it to the clipboard.

Step 2

Right-click on any view folder to create a new "partial view".

MVC View View in MVCMVC Partial View

34 Comments

Join the conversation! Your thoughts help the community grow.

gampa dug2y ago
It might be prudent to adhere to best naming convention standards. This helps to quickly identify things like _partialView.
Sanjay Kumar4y ago
Very good article
Josepch Will5y ago
These options don't seem to appear for me. I am using Visual Studio 2019 Enterprise (I got a license key for this while I was working on my bachelors a few years back). I am working through a Udemy.com course and I don't really want to continue until I figure this out. There is no options for me to "create as a partial view" or "Use a layout page" which is another thing I need. Can anyone point out what I might be doing wrong or what changes I need to make to see this dialog?
Pankajkumar Patel7y ago
Good article ...
Pratiksha Vaishnav7y ago
I want know if i edit a partial view then it will not reflected in output for new edited content.
- Jignesh Trivedi7y ago
  It may not compiled, so changes are not reflected, build & run your application. It might work
Phoolchand Patel8y ago
Good one to read...
Anil Kumar Murmu9y ago
Thank you for sharing the article.
Vinish Kumar9y ago
Can You please explain how to use partial view in my view page
- Sharique Ahmad7y ago
  @RenderPage("~/views/shared/PartialViewExample.cshtml")
Vinish Kumar9y ago
View Vs Partial View Which is nice one
Subash10y ago
Nice one sir
Anu V10y ago
Nice..
Umesh Ap10y ago
Good explanation but How can we access parent views control value in partial view? I need to access one of the controls value in partial view, please suggest.
- Ehsan Sajjad10y ago
  You will have to pass to child view but the object should be of type the vet is strongly typed with
- Anil Debata7y ago
  By using the attribute "ChildActionOnly".
Munesh Sharma10y ago
nice
Bhuvanesh Mohankumar10y ago
Simple and Nice
Arbaz khan10y ago
Good one.....
Samir Sanghavi10y ago
Thank You....!!
Rupali Shinde10y ago
nice article sir
Ehsan Sajjad10y ago
Keep Sharing more :)
Upendra Pratap Shahi10y ago
nice one sir...
Muni Sekhar11y ago
good one
Kevin Varatha11y ago
very nice
Gaurav Joshi11y ago
good article thanks
Ankit Saxena11y ago
nice
Nilesh Jadav11y ago
Glad to get this information thanks Jignesh !
Sourabh Somani11y ago
good one :)
Vivek Tripathi11y ago
nice :)
Manoj Kulkarni11y ago
Nice article. Thank you for sharing
Santhakumar Munuswamy11y ago
Thanks for good one
Abhishek Jaiswal11y ago
Good one! :)
mahesh11y ago
check mvc4all.com for MVC5 Partial View comparing with this

You can use any name for this view page but the underscore sign (_) is recommended to be used before the view name that represents something that is reusable. You also have the opportunity to select the "Model class" in the above dialog to create a strongly typed view. And remember to check the checkbox "Create as a partial view".

Step 3

Now, in the "partial view" page paste all the code you copied above. You may need to fix some errors here like @item.Name will become @Model.Name. Here is the complete code:

Step 4

One more thing, you need to place a reference at the location from where we copied the code, here you go:

Remember to pass the "partial view" name and model name. Now, run the application, your application will work the same because we just set up a new structure in the application.

Hope this helps.