--- title: "how to create modal pop-up with partial view in MVC?" description: "how to create modal pop-up with partial view in MVC?" author: "Anonymous User" published: 2017-05-04 updated: 2017-05-04 canonical: https://www.mindstick.com/forum/34290/how-to-create-modal-pop-up-with-partial-view-in-mvc category: "c#" tags: ["mvc"] reading_time: 4 minutes --- # how to create modal pop-up with partial view in MVC? Please help me in creating [modal](https://www.mindstick.com/interview/660/explain-modal-dialog-box) [pop](https://www.mindstick.com/blog/11768/magento-2-pop-ups-manager-a-great-solution-to-nail-every-sale-season)-up with [partial view](https://www.mindstick.com/articles/1132/auto-refresh-partial-view-in-asp-dot-net-mvc) in MVC. ## Replies ### Reply by Manish Kumar ##### In index page ```  @model TestSol.Models.RegistrationForm@{    Layout = null;}                                                   Registration    
             
           
                           
           
               
                   
                       
                                                    
                   
               
           
       
       
            @Html.Partial("List");            @ViewBag.msg       
   
      @using (Ajax.BeginForm("Add", "Home", new AjaxOptions    {        HttpMethod = "POST",        UpdateTargetId = "target",        OnSuccess = "updateSuccess",     }, new { id = "form1" }))    {            }               ``` \ #### Add.cshtml \ ``` @model TestSol.Models.RegistrationForm 
    @Html.ValidationSummary(false)   
       
           
                           
            
                @Html.Label("Middle Name")
@Html.TextBoxFor(model => model.MName, new { @class = "form-control", placeholder = "Middle Name", title = "Enter Middle Name" })           
           
                @Html.Label("Last Name")
@Html.TextBoxFor(model => model.LName, new { @class = "form-control", placeholder = "Last Name", title = "Enter Last Name" })           
       
       
           
                @Html.Label("DOB")
                @Html.TextBoxFor(model => model.Dob, new { @class = "form-control ", id = "datepicker", placeholder = "Dob", title = "Enter DOB", @value = Model != null && Model.Dob != null ? Model.Dob.ToString("dd/MM/yyyy") : null })           
           
                @Html.Label("Mobile Number")
@Html.TextBoxFor(model => model.Mobile, new { @class = "form-control allownumber", placeholder = "Mobile", title = "Enter Mobile", @maxlength = "10" })           
           
                @Html.Label("City")
@Html.DropDownListFor(model => model.City, new SelectList(ViewBag.Country, "Country", "Country"),    "Select Category", new { @class = "form-control", placeholder = "City", title = "Enter City" })           
       
       
           
                @Html.Label("Pin")
@Html.TextBoxFor(model => model.Pin, new { @class = "form-control allownumber", placeholder = "Pin", title = "Enter Pin", @maxlength = "6" })@Html.ValidationMessageFor(model => model.Pin)           
           
                @Html.Label("Address")
@Html.TextAreaFor(model => model.Address, new { @class = "form-control", placeholder = "Address", title = "Enter Address" })           
       
    
 
   ``` \ Output ![how to create modal pop-up with partial view in MVC?](https://www.mindstick.com/mindstickforums/661b9b21-31d2-457a-9451-f74bd9a1f33f/images/046c1fb7-e392-4b09-94cb-035cdb198d5f.png)\ \ I am providing this solution for you, May it helps you. \ \ --- Original Source: https://www.mindstick.com/forum/34290/how-to-create-modal-pop-up-with-partial-view-in-mvc Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.