Base solution for your next web application
Open Closed

Bootstrap modal not working. #29


User avatar
0
reji79 created

Hello,

I need a help. I am trying to use ABP in a new project and Ii am not able to get the bootstrap modal working. I have used the following code. It is working in a simple application with only JQuery, bootstrap as references. May be some other script in ABP is blocking this. Please can you help me .

thanks RJ

<a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">Click to open Modal</a>

<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> <h3>Modal Body</h3> </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> </div> </div> </div>


2 Answer(s)
  • User Avatar
    0
    langman66 created

    How are you attempting to use the modal? Are you using an AngularJS based clientside framework?

    Please post some sample code or a shared link on a service like <a class="postlink" href="http://plnkr.co/">http://plnkr.co/</a> and I'm sure someone will assist you.

  • User Avatar
    0
    hikalkan created
    Support Team

    Hi,

    I'm working modals with angular-ui modal: <a class="postlink" href="http://angular-ui.github.io/bootstrap/#/modal">http://angular-ui.github.io/bootstrap/#/modal</a> I advice to use it in angular apps.

    ABP has no script to block modals.