Comments (5)
I wrote this against the non-bootstrap3 AngularUI branch, although I have used it with Bootstrap 3 itself and works "fine" while using AngularUI 0.6.0 or below, there was one glitch and I fixed it with the included CSS. You can see the demo of this here: http://codepen.io/m-e-conroy/pen/AmBpL using Angular 1.2, AngularUI 0.6.0 and Bootstrap 3.
That being said, I will add this to the todo list, thanks for pointing this out.
from angular-dialog-service.
Thanks for the feedback.
I did a plunk to show you:http://plnkr.co/edit/9S9cNuzbvh7CkFvSRhDi
you can switch between the main and the bootstrap3 version of angular-ui.
from angular-dialog-service.
Hi, I have Angular UI 0.9.0 and the problem still keep happening. Have you found another solution?
from angular-dialog-service.
You can change the template to make it work:
angular.module('dialogs', ['dialogs.services', 'ngSanitize']) // requires angular-sanitize.min.js (ngSanitize) //code.angularjs.org/1.2.1/angular-sanitize.min.js
// Add default templates via $templateCache
.run(['$templateCache', function ($templateCache) {
$templateCache.put('/dialogs/error.html', '<div class="modal-header dialog-header-error"><button type="button" class="close" ng-click="close()">×</button><h4 class="modal-title text-danger"><span class="glyphicon glyphicon-warning-sign"></span> Error</h4></div><div class="modal-body text-danger" ng-bind-html="msg"></div><div class="modal-footer"><button type="button" class="btn btn-primary" ng-click="close()">Close</button></div>');
$templateCache.put('/dialogs/wait.html', '<div class="modal-header dialog-header-wait"><h4 class="modal-title"><span class="glyphicon glyphicon-time"></span> Please Wait</h4></div><div class="modal-body"><p ng-bind-html="msg"></p><div class="progress progress-striped active"><div class="progress-bar progress-bar-info" ng-style="getProgress()"></div><span class="sr-only">{{progress}}% Complete</span></div></div>');
$templateCache.put('/dialogs/notify.html', '<div class="modal-header dialog-header-notify"><button type="button" class="close" ng-click="close()" class="pull-right">×</button><h4 class="modal-title text-info"><span class="glyphicon glyphicon-info-sign"></span> {{header}}</h4></div><div class="modal-body text-info" ng-bind-html="msg"></div><div class="modal-footer"><button type="button" class="btn btn-primary" ng-click="close()">OK</button></div>');
$templateCache.put('/dialogs/confirm.html', '<div class="modal-header dialog-header-confirm"><button type="button" class="close" ng-click="no()">×</button><h4 class="modal-title"><span class="glyphicon glyphicon-check"></span> {{header}}</h4></div><div class="modal-body" ng-bind-html="msg"></div><div class="modal-footer"><button type="button" class="btn btn-default" ng-click="yes()">Yes</button><button type="button" class="btn btn-primary" ng-click="no()">No</button></div>');
}]); // end run / dialogs
It works for me with the latest version of angular-ui (0.10)
from angular-dialog-service.
Removed the .modal class to correct the display problem, and created v3.0 which relies on angular-ui-bootstrap 0.10.0 which seemed to fix this problem.
from angular-dialog-service.
Related Issues (20)
- Upgrade to angular-bootstrap ~1.0? HOT 6
- Call dialog from a bootstrap modal dialog - Position HOT 7
- the translation for chinese does not work. HOT 1
- Look into using the multi-transclusion feature in angular 1.5
- How to add buttons to error dialog?
- is it possible to change the url when a modal opens
- Remove bootstrap bower dependency
- More accessibility support HOT 5
- Disabling the X button for the dialogs HOT 2
- Error: $injector:modulerr Module Error HOT 5
- Confirm Dialog Doesn't work with ui.bootstrap v1.3.3 HOT 1
- how can i close dialog from service? HOT 1
- Dialog appearing behind bootstrap modal window. HOT 1
- Angular functions not work on modal HOT 1
- How to add class to modal-dialog?
- Angular bootstrap modal
- Setting default options for all dialogs HOT 1
- Support component param from angular bootstrap dialog HOT 4
- Font Awesome 5
- Options is not fitting in the input size
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-dialog-service.