---
title: "Partial View in MVC"  
description: "Partial view a is view that is used in the view for specific portion it is reusable in all over the application. It is said to as child view. If we wa"  
author: "Manish Kumar"  
published: 2017-02-22  
updated: 2018-03-17  
canonical: https://www.mindstick.com/blog/11303/partial-view-in-mvc  
category: "asp.net mvc"  
tags: ["mvc"]  
reading_time: 3 minutes  

---

# Partial View in MVC

In this article I will explain about basic of, partial view and step for creating and using partial view.

Partial view a is view that is used in the view for specific portion it is reusable in all over the application. **It is said to as [child view](https://www.mindstick.com/forum/33462/how-to-pass-data-from-a-child-view-to-a-parent-view)**. If we want to use some code [multiple](https://www.mindstick.com/blog/12797/iowa-is-expected-to-see-heavy-growth-in-multiple-sectors) time we can use the concept of partial view.

**Creating partial view**

Go to view folder, right click select add and click view pop will be appeared same as below image gives the name for your partial view and tick on the create as a partial view and then click add. It will return a blank page.

**@Html.Partial() –**It return partial view in this we pass partial view name

**@[Html.RenderPartial](https://www.mindstick.com/forum/2318/what-is-the-difference-between-html-partial-and-html-renderpartial-and-html-action-and-html-renderaction)()-** it is same as HTML. Partial but it return void .

\

\

![Partial View in MVC](https://www.mindstick.com/blogs/4160f41e-1040-465d-87c6-1e4ec01d1dae/images/f7dcb626-b808-441b-a4e2-98163501ae9a.png)\

**\**

**Partial view**

**\**

```
<div class="panel-footer"> Footer</div>
```

**Index page**

```
 Using HTML.Partial()<!DOCTYPE html> <html><head>    <meta name="viewport" content="width=device-width" />    <title>@ViewBag.Title</title>    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />    <script src="~/Scripts/jquery-3.1.1.min.js"></script>    <script src="~/Scripts/bootstrap.min.js"></script></head><body>    <div class="container">        <section class="box">     <nav class="navbar navbar-inverse">  <div class="container-fluid">    <div class="navbar-header">      <a class="navbar-brand" href="#">Mindstick</a>    </div>    <ul class="nav navbar-nav">      <li class="active"><a href="#">Home</a></li>      <li class="dropdown">        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1        <span class="caret"></span></a>        <ul class="dropdown-menu">          <li><a href="#">Page 1-1</a></li>          <li><a href="#">Page 1-2</a></li>          <li><a href="#">Page 1-3</a></li>        </ul>      </li>      <li><a href="#">Page 2</a></li>      <li><a href="#">Page 3</a></li>    </ul>  </div></nav>    <div>             @Html.Partial("Partial")   //calling partial view   @*   
@{           
Html.RenderPartial("Partial");   //RenderPartial returns void, so a semicolon
is required at the end and so it must be enclosed in the braces.    }*@    </div>                  </section>      </div> </body></html>
```

## Using HTML.RenderPartial()

## \

```
<!DOCTYPE html> <html><head>    <meta name="viewport" content="width=device-width" />    <title>@ViewBag.Title</title>    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />    <script src="~/Scripts/jquery-3.1.1.min.js"></script>    <script src="~/Scripts/bootstrap.min.js"></script></head><body>    <div class="container">        <section class="box">     <nav class="navbar navbar-inverse">  <div class="container-fluid">    <div class="navbar-header">      <a class="navbar-brand" href="#">Mindstick</a>    </div>    <ul class="nav navbar-nav">      <li class="active"><a href="#">Home</a></li>      <li class="dropdown">        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1        <span class="caret"></span></a>        <ul class="dropdown-menu">          <li><a href="#">Page 1-1</a></li>          <li><a href="#">Page 1-2</a></li>          <li><a href="#">Page 1-3</a></li>        </ul>      </li>      <li><a href="#">Page 2</a></li>      <li><a href="#">Page 3</a></li>    </ul>  </div></nav>    <div>                   @{      Html.RenderPartial("Partial");   //RenderPartial returns void, so a semicolonis required at the end and so it must be enclosed in the braces.    }    </div>                  </section>      </div> </body></html>
```

![Partial View in MVC](https://www.mindstick.com/blogs/4160f41e-1040-465d-87c6-1e4ec01d1dae/images/618c1d6d-9c93-4fd8-81be-f1760998f219.png)

## \

### *You can also check these helpful related post*

[Working with Partial View in ASP.NET MVC](https://www.mindstick.com/Articles/1601/working-with-partial-view-in-asp-dot-net-mvc)

\

[How to create a partial view in ASP.NET MVC 4](https://www.mindstick.com/forum/33955/how-to-create-a-partial-view-in-asp-dot-net-mvc-4)

\

[Auto Refresh Partial View in ASP.NET MVC](https://www.mindstick.com/Articles/1132/auto-refresh-partial-view-in-asp-dot-net-mvc)

\

[Crud operation in ASP.NET MVC using Ajax](https://www.mindstick.com/Articles/1590/crud-operation-in-asp-dot-net-mvc-using-ajax)

\

[Calling Partial View Using Ajax in ASP.NET MVC 4](https://www.mindstick.com/Articles/1236/calling-partial-view-using-ajax-in-asp-dot-net-mvc-4)

\

[Crud Operations in MVC Using (DB First Approach)](https://www.mindstick.com/Blog/Edit/Crud%20Operations%20in%20MVC%20Using%20(DB%20First%20Approach))

\

[Cascading Dropdown list in ASP.Net MVC](https://www.mindstick.com/Articles/1115/cascading-dropdown-list-in-asp-dot-net-mvc)

---

Original Source: https://www.mindstick.com/blog/11303/partial-view-in-mvc

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
