bootstrap-modal

I'm trying to UI test a bootstrap modal which has not used an angular plugin, it is a vanilla bootstrap modal. I get this error: Failed: Timed out waiting for asynchronous Angular tasks to finish after 11 seconds. This may be because the current page is not an Angular application. Please see the FAQ for more details: https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular While waiting for element with locator - Locator: By(css selector, h2.modal-title)✗ Is there a workaround for this or is it not possible to test a vanilla bootstrap modal with protractor? Here

When I use bootstrap modal for my form its only show first value. here my template.html {% for company in companys %} <tr> <td>{{ company.name }}</td> <td>{{ company.desc }}</td> <td align="center"> <button type="button" class="btn btn-warning margin-bottom" data-toggle="modal" data-target="#modal-default2"> delete </button> <div class="modal fade" id="modal-default2"> <div class="modal-dialog"> <form method="post" action="{% url 'system:company_delete' pk=company.pk %}"> {% csrf_token %} <div class="modal-content"> <div class="modal-body"> <input type="text" name="name" maxlength="100"

So far, what I have is straight off the Angular UI example: Controller: var ModalDemoCtrl = function ($scope, $modal) { $scope.open = function () { var modalInstance = $modal.open({ templateUrl: 'myModalContent.html', controller: ModalInstanceCtrl }); }; }; var ModalInstanceCtrl = function ($scope, $modalInstance) { $scope.close = function () { $modalInstance.dismiss('cancel'); }; }; And this section, which is just in sitting in the .html for the whole page this modal is on. Html: <script type="text/ng-template" id="myModalContent.html"> <div class="modal-header"> <h3 class="modal-title">I'm a

I want to use Bootbox in my Angular2 project. I searched a lot but there is no any relevant solution for me. I also tried angular2-modal but there were many issues while using angular2-modal , please suggest any good doc/Examples/Demos for the same. vikas Step 1: Install bootbox via npm install bootbox --save Step 2: If you are using systemjs then include bootbox like: <script src="node_modules/bootbox/bootbox.js"></script> Step 3: Just put declare var bootbox:any; after import all libreries and before component decorator in your component ts file and then use normaly like bootbox.alert("Hello

I'm getting some problem here and need some help. I think this is easy but I just can't figure it out myself what's happening. Please see fiddle below: Fiddle When I only open the modal and clicks it for the first time. It works normally, but when I reopened it, there goes the problem. It fires the on click event more than once. HTML <button data-target="#mergeFieldsModal" data-toggle="modal" data-message-id="#message" class="btn btn-info">Open Modal</button> <div id="result"></div> <div id="mergeFieldsModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class

I have a button like this <form action="/category" method='GET'> <button type="submit" class="btn btn-default render"> name </button> </form> and I have some javascript which starts a modal whenever the button gets clicked... this is just to let the user know that the next page is loading. <script type='text/javascript'> $(document).ready(function(){ $(".render").click(function(evt){ $('#render_page').modal('show'); }); }); </script> Here is the html for the modal <div class="modal fade" id="render_page" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="form

I can't seem to get modal events working at all using Bootstrap 3. I want to perform an action when my modal closes, but nothing's happening. Here's my stripped back HTML: <button type="button" data-toggle="modal" data-target="#imageUpload">Launch modal</button> <div class="modal fade" id="imageUpload" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> Upload form here </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> and my JS: $(function(){ $('#imageUpload').modal({ show: false }); $('#imageUpload').on('hidden', function () { window.alert('hidden event fired!');