showing modal pop up in asp.net mvc as partial view[Answered] RSS

• • Reply
  ashvinvee

  Member

  6 Points

  43 Posts

  showing modal pop up in asp.net mvc as partial view

  May 23, 2020 07:08 AM|ashvinvee|LINK

  Hi,

  I am trying to implement a modal pop up (partial view) in asp.net mvc without using javascript / jquery.

  Is there a way how this can be achieved.

  Thanks in advance, 

  Ashvin

• • Reply
  mgebhard

  All-Star

  53001 Points

  23595 Posts

  Re: showing modal pop up in asp.net mvc as partial view

  May 23, 2020 12:14 PM|mgebhard|LINK

  ashvinvee

  I am trying to implement a modal pop up (partial view) in asp.net mvc without using javascript / jquery.

  Is there a way how this can be achieved.

  Most, if not all, modals have an JavaScript/jQuery API because modals are generally triggered on the client.  We don't know what modal you are working with and you have not provided any code which makes providing a solution difficult.  

• • Reply
  bruce (sqlwo...

  All-Star

  58164 Points

  15647 Posts

  Re: showing modal pop up in asp.net mvc as partial view

  May 23, 2020 04:57 PM|bruce (sqlwork.com)|LINK

  Most modal require JavaScript, but if you just mean you don’t write any, you can use the bootstrap modal. Just use the markup for it to show. Otherwise if you mean no JavaScript you will need to create you own CSS.

  anyway it pretty simple, the partial should include modal display  code. On post back, when you want the modal, call the partial. The close button on the partial should do a post back.

  bruce (sqlwork.com)
• • Reply
  YihuiSun

  Contributor

  2690 Points

  774 Posts

  Re: showing modal pop up in asp.net mvc as partial view

  May 26, 2020 01:53 AM|YihuiSun|LINK

  Hi,  ashvinvee

  1. There is almost no way to pop up modal without using js or jquery.
  2. Do you mean not to use js to pop up modal?If so, please refer to this example.

  Note:

  • This example requires "bootstrap.min.css", "jquery-3.4.1.min.js", "bootstrap.min.js".
  • For more usage of modal, please refer to this link1.
  • For more usage of partial views, please refer to this link2.

  Index

  <div id="showmodal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
          <div class="modal-content">
              @{
                  Html.RenderPartial("_showParticalView");
              }
          </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  <button id='open' data-toggle="modal" data-target="#showmodal">open modal</button>

  _showParticalView

  <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title">Modal title</h4>
  </div>
  <div class="modal-body">
      <p>test</p>
  </div>
  <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      <button type="button" class="btn btn-primary">Save changes</button>
  </div>

  Here is the result.

   
  Best Regards,

  YihuiSun

  .NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.