FAQ Database Discussion Community


angular-bootstrap modal background is not transparent after uglify

angularjs,twitter-bootstrap,gulp,uglifyjs,angular-bootstrap
Angular Bootstrap modal is not working correctly in Gulp production mode, but in dev mode it works fine. My GULP method which responsible for code compression: gulp.task('scripts-prod', function() { return gulp.src(paths.vendorJavascript.concat(paths.appJavascript, paths.appTemplates)) .pipe(plugins.if(/html$/, buildTemplates())) .pipe(plugins.concat('app.js')) .pipe(plugins.ngAnnotate()) .pipe(plugins.uglify({ mangle: { except: ['angular', 'angular-bootstrap'] } })) .pipe(plugins.rev()) .pipe(gulp.dest(paths.publicJavascript))...

Variable changes from function call not displaying in angular-bootstrap modal window

javascript,angularjs,angularjs-scope,bootstrap-modal,angular-bootstrap
I am trying to use angular and bootstrap to create a modal window that displays a youtube video. Following the modal example on the angular bootstrap page worked fine when I hard coded the youtube URL. However when I try to create a variable with the URL in it when...

How to prevent selecting tab on click?

javascript,angularjs,angular-bootstrap,bootstrap-tabs
How to prevent selecting tab for adding other tabs? Below I've isolated the issue, if I click tab with plus then it is selected, I would like to completely prevent this, just click and call addNewTab() function. var app = angular.module('app', ['ui.bootstrap']); app.controller('homeCtrl', function($scope) { $scope.tabs = [{ name: "Tab...

Angular Ui bootsrap datepicker not working

angularjs,bootstrap-datepicker,angular-bootstrap
i've a card view of a doctor with button "book appointment" button which pops up a datepicker. i've been trying to apply angular ui bootstrap datepicker but its not working. however I was able to apply <datepicker min="minDate" show-weeks="false"></datepicker> I have checked other questions in stackoverflow about the same issue...

Missing fonts/glyphicons-halflings-regular.* when upgrading angular-bootstrap

angularjs,bootstrap,glyphicons,angular-bootstrap
I am using Yeoman and the cg-angular generator to scaffold an angular app. This was initially working fine, but I recently upgraded angular-bootstrap from 0.10 to 0.11 to get hold of a new feature regarding modal sizes. After doing this I noticed that I get the following errors in the...

How to implement tab-pane change function in intervals?

javascript,jquery,angularjs,twitter-bootstrap-3,angular-bootstrap
How to implement jQuery solution function that plays with angular-bootstrap? I would like to implement play button and turn on tabs carousel from selected to the last tab. var app = angular.module('app', ['ui.bootstrap']); app.controller('homeCtrl', function($scope) { $scope.tabs = [{ id: 1, name: "Tab 1", message: "", active: true }, {...

Angular Bootstrap Carousel Slide Transition not working correctly

angularjs,angular-bootstrap
I am looking to use the Angular Bootstrap Carousel Directive in an application I am building. I am able to implement it just fine, but the transition isn't working how it shows in the documentation. What should be happening is the old image slides out to the left, with the...

horizontal scroll in bootstrap modal

javascript,html,css,twitter-bootstrap,angular-bootstrap
Hi i am trying add a horizontal scroll bar in bootstrap modal. I know horizontal scroll bars are not a good idea but in my case i have dynamic content which can have variable width so i want to make modal body scroll-able horizontally when width exceed modal body's width....

angular bootstrap modal won't appear in the front when browser is full screen on an element

angular-ui-bootstrap,bootstrap-modal,angular-bootstrap
When I go full screen on an element and then try to display angular bootstrap's modal in front, it won't appear in front. To test it: 1 - Click on this link http://plnkr.co/edit/oKZHZZebyNMwpG114Jyy?p=preview 2 - Click on the "launch the preview in separate window" icon (image shown below) 3 -...

AngularJS & Bootstrap Modal - loading template outside controller

angularjs,twitter-bootstrap,angular-bootstrap
I have a dialog which is being used in 3 scenarios within the same page. I have created a controller similar to the below: var modalInstance = $modal.open({ templateUrl: 'myModalContent.html', controller: 'ModalInstanceCtrl', size: size, resolve: { items: function () { return $scope.items; } } }); <script type="text/ng-template" id="myModalContent.html"> <div class="modal-header">...

Angular Bootstrap DateTimePicker - Highlight Today Date on embedded Calender

angularjs,datetimepicker,momentjs,angular-bootstrap
Please accept my apologies if i had any mistakes in my post. This is my first post here. But, i am not new to StackOverflow. Correct me if any. I am using angular-bootstrap-datetimepicker library from the below url: Link to library I am currently embedding the calender on the page....

Basic Integration angular js and require js not working

angularjs,require,angular-bootstrap,angular-require
It's seem to be easy but trust me i wasted almost my 4 hours on it still didn't find out what is wrong in it. Very simple setup install everything with bower like require angular domReady bootstrap fontawesome..etc. Sorry if I forgot to add something this is my first setup...

AngularJS Error: [$injector:unpr] Unknown provider:

angularjs,angular-bootstrap
I am getting an unknown provider error when attempting to launch an angular bootstrap modal window from my app by clicking on an image. I launch the same type of modal successfully elsewhere in the app. Here is a screenshot of the error in the debugger Is there something wrong...

Angular - Best way to load html page inside tab's content

javascript,angularjs,tabs,angular-bootstrap
I have multiple tabs in one master.html page and in every tab different tab*.html page is getting loaded. The page getting loaded inside tab's content has angularjs code Now issue here is when I load tab*.html separately is working as expected. Here Plunker for single page However, When I load...

Angular UI Modal, avoid modal scope change reflects in parent scope

angularjs,angular-bootstrap
I am building an Angular app where I want to control which apps in app list I want to show on home page. There is a section called "Manage Apps" where I can manage visible apps.. http://plnkr.co/edit/RPFvv0ZUB2OSctIQM8pQ?p=preview The plunkr above explains what I want to achieve.. I have passed list...

Getting undefined method error if open modal from service

javascript,angularjs,angular-bootstrap
I have put the bootstrap modal inside service and i want to open it from there. But i am getting error in firebug . The code still works fine but there is error in firebug I have a service like this 'use strict'; angular.module('test') .factory('commonService', [ '$http', '$log', '$modal', '$q',...

Get model value from Bootstrap tab under if condition

javascript,angularjs,angularjs-scope,angular-bootstrap
I am facing problem in making two way binding to a form model inside the tabs which is under ng-if condition. Plunker link to my problem is http://plnkr.co/edit/F5h8eCu7IlXlwi1XhdV7?p=preview I have tried all ways possible but the scope variables aren't recognized under the tabset. The scope variables are accessed in "ng-if"...