forum

Home / DeveloperSection / Forums / How to populate common bootstrap modal popup window for many pages in mvc

Ask Question

How to populate common bootstrap modal popup window for many pages in mvc

Hemant Patel 1059 06-Dec-2017 
<div class="modal fade" id="modelDialog" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

    <div class="modal-dialog modal-lg" role="document">

        <div id='modelContent'>

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal">&times;</button>

                    <h4 class="modal-title"></h4>

                </div>

                <div id="main body">

                </div>

                <div class="modal-footer">

                    <button type="submit" class="btn btn-success">Submit</button>

                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>

                </div>

                <div>

                </div>

            </div>

        </div>

    </div>

</div>

c# c#  mvc4  razor 
Updated on 06-Dec-2017
Hemant Patel

Hemant Patel

Follow
Exploring the online world is my passion. have experience of #content writing #SEO #Digital Marketing #On-Page #Lead Generation #Content Analyst #Marketing Analyst... I could never stop at one point, continuously wanted to acquire more and more skills. My work for any organization will be full of passion and hard work.

Can you answer this question?

Answer

1 Answers

Anonymous User

Anonymous User

06-Dec-2017

Hi Harsh,

You need to use your some code in _Layout.cshtml file in your shared folder.

and remaining code use in your render page.

Use your code like this:

1. Code in _Layout.cshtml file:

<div class="modal fade" id="modelDialog" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

    <div class="modal-dialog modal-lg" role="document">

        <div id='modelContent'>

        </div>

    </div>

</div>

2. Code in your render page: 

<div class="modal-content">

    <div class="modal-header">

        <button type="button" class="close" data-dismiss="modal">&times;</button>

        <h4 class="modal-title"></h4>

    </div>

    <div id="main body">

    </div>

    <div class="modal-footer">

        <button type="submit" class="btn btn-success">Submit</button>

        <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>

    </div>

    <div>

    </div>

</div>

Hope this helpful for you.



Liked By