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">×</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)
-
0
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.
-
0
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.