new

Stack Overflow for Teams

A private, secure home for your team's questions and answers.

Learn more
0
votes
1answer
55 views

UI-Bootstrap, adjust modal dimensions according to contained image

I am using component based architecture and want to show bootstrap modal which gets adjusted to image height and width. Most of the forums suggested to use height and width in percent but this will ...
0
votes
1answer
139 views

ui-bootstrap module angularjs

I want to use pagination for angular from ui-bootstrap (https://angular-ui.github.io/bootstrap/) but I am not sure if I have to add ['ui.bootstrap'] module in my app.js file or in the controller of ...
0
votes
0answers
150 views

angular ui bootstrap on page load not popping up

I trying to pop up a modal on page load. I can see the response and html in the firebug console but there is no popup thats displayed. Installed ui-bootstrap Added in the app.js angular.module('...
0
votes
0answers
246 views

How to invoke a modal from a controller in angularjs / ui-bootstrap?

I am trying to display a modal (Note view) from a controller (Details controller). I have separate controllers tied to each view. The Details view has a list of radio buttons and upon selecting a ...
0
votes
1answer
85 views

Accessing controller inside overridden template-url of uib-tab

angular-bootstrap version used : 1.2.0 angular-version : 1.5.7 I am trying to override header html of uib-tab like below, <li ng-class="{active: active, disabled: disabled}" class="uib-tab"> ...
0
votes
1answer
170 views

Chrome freezes when closing a $uibModal instance

Hej When testing one of the modal windows on https://angular-ui.github.io/bootstrap/#/modal my chrome browser freezes for about 50 seconds after I close the modal. For this time I can not do anything ...
1
vote
1answer
660 views

Date not showing up in angular-bootstrap datepicker

I have a table which conatians some dates and I am trying to use angular ui bootstrap to get a datepicker to edit them. While the datepicker pops up fine and allows me to select a date with no issue, ...
1
vote
1answer
354 views

Angular Bootstrap Calender Drag Event not working

I am facing problem in drag event of Angular bootstrap calender. I am using https://mattlewis92.github.io/angular-bootstrap-calendar/#?example=draggable-events Here is my HTML code: <div ng-...
1
vote
0answers
16 views

Sharing controllers in angularjs

I have two date-pickers, one text field and a button in one form as below: <div class="form-group"> <label class="control-label">Date End </label> ...
1
vote
2answers
2k views

Unknown provider: $animateCssProvider <- $animateCss <- $uibModalStack <- $uibModal

If I update my angular version to higher version I am sure it will work, but I am more depended on 1.3.20 version of angular. I tried angular-bootstrap version from 1.1 to the latest, nothing works ...
0
votes
0answers
124 views

How to combine bootstrap accordion and bootstrap tooltip on ipad?

The problem is next: when I have a tooltip icon that should show a tooltip on ipad user has to click it when popover-trigger is "mouseenter". But it opens an accordion. <uib-accordion close-others=...
0
votes
1answer
75 views

Disambiguation: Angular, Bootstrap (css & js), angular.bootstrap, UI Bootstrap, and anything else I should know about Angular and Bootstrap

I recently started working on an Angular project that someone else started. I'm loving it, but am massively confused about Angular's relationship to Bootstrap. Especially because it seems like all the ...
1
vote
1answer
108 views

Firing event from dynamically opened controller to parent controller in Angular js

I am developing an Web Application using Angular JS. I am new to Angular JS. in my app I am using bootstrap.ui JS for Angular js. But I am having a problem with bootstrap modal controller. I open the ...
1
vote
0answers
185 views

Angular UI Bootstrap Calendar Year Selector

Is there a way to configure the popup calendar widget such that the user can select the year from a dropdownlist? Kinda like this: It is not a requirement I am fond of, but a requirement I am stuck ...
1
vote
1answer
175 views

Tabs shifting in angular bootstrap ui

I am new to angular bootstrap ui. Here i am using two uib-tabset. Based on shifting the main menu tag index value the sub menu tag index value changing. This is my code link [plnkr attached]. <uib-...
1
vote
1answer
50 views

how to change a css class when all tabs are closed in ui.bootstrap.accordion

How can I change a css class when all the tabs in ui.bootstrap.accordion are closed,for instance if the tabs were closed because another tab triggered them to close, the ng-class expression won't run ...
5
votes
1answer
5k views

$uibModal.open() is not a function

I am trying to integrate Angular bootstrap modal form, Here is my controller angular.module('app').controller('groupController',['groupService','$uibModal','toastr','$scope',function(groupService,...
0
votes
1answer
293 views

display non matching dropdown selection list while typing special character like ! and @

I am facing issue while angular bootstrap ui typehead display dropdown result while typing !!(two times ! or four times!) and !@(combination). i try to add filter but with filter doesn't work ...
1
vote
1answer
127 views

modalService cannot talk with controller and view

The code at this plnkr has a modal which pops up when a user clicks on a "Click to take quiz" button which calls a controller method that in turn calls a modal service. To get the plnkr to work, ...
0
votes
2answers
1k views

Angular bootstrap injector error

I'm getting an injector error when I try to use angular bootstrap. Here is the error: angular.js:13424 Error: [$injector:unpr] http://errors.angularjs.org/1.5.3/$injector/unpr?p0=ui.bootstrapProvider%...
1
vote
2answers
639 views

Angular Bootstrap UI: Input Fields in Tab-Heading

Again I got a Problem with Angular Bootstrap UI Tabs. Short description of my problem: I want the user to create different pages with different titles. After a page is created, I create a new tab with ...
3
votes
1answer
125 views

Model binding addonLeft.text angular formly

I am using bootstrap templates with angular-formly and I wanted to bind addonsLeft.text to a model so that it dynamically changes once a select option has changed. This is how an input looks like: ...
0
votes
1answer
457 views

Unknown provider: 3Provider <- 3 using Angular Bootstrap uibModal

It's been a few weeks with this problem, I'm new to Angular so I hope is an easy fix. I'm using Angular Bootstrap Modal (ui.bootstrap.modal) and it's not working. this is my code. On contentApp.js (...
19
votes
5answers
24k views

Angular UI Bootstrap Modal: [$injector:unpr] Unknown provider: $uibModalInstanceProvider

This is a bit strange. When I search this issue online I see many pages of Google results and SO solutions... but none seem to work! In a nutshell, I am trying to implement AngularUI Bootstrap ...
2
votes
2answers
2k views

Strange behaviour of angular bootstrap collapse

I faced with strange behaviour of uib-collapse. Let's assume I have a list of elements and i want each of them to be collapsed. Also i want to refresh its content periodically depend on something. ...
2
votes
3answers
5k views

Printing a Bootstrap Modal page with contents larger than 1 page results in cut off in Google Chrome

Trying to get printing to work for Modals. In the latest Google Chrome and using the latest angular-ui-bootstrap 0.14.2, we have problems getting large contents like list or tables to overflow to ...
15
votes
5answers
14k views

How to close Angular-bootstrap popover when clicking outside [duplicate]

I am attempting to close my Angular-bootstrap popovers when clicking anywhere outside the popovers. According to an answer to this question this can now be accomplished (in version 0.13.4) by ...
1
vote
1answer
1k views

dynamic pagination in angular

I built an angular app that have table with data. I show it with the pagination concept, 3 lines in a page, and it works, but when I add new data(user) to the table, it doesn't adds page in the ...
0
votes
1answer
123 views

Bootstrap UI - $modal remains undefined

I'm reasonably new to Angular, and I'm having a weird problem when trying to use Angular Bootstrap UI. I already know that it's being injected correctly, as the Typeahead component is working fine. ...
1
vote
1answer
997 views

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

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/...
0
votes
3answers
2k views

ng-cloak not solving the initial flicker issue with Angularjs UI Bootstrap tabset

I am using Angularjs UI Bootstrap Tab set. In order to avoid initial flicker issue, with tab names, I am using ng-cloak, but surprisingly still the initial flicker is appearing. I guess it is due to ...
0
votes
2answers
2k views

Change Angular Timepicker font size

I'm using the angular bootstrap timepicker but I cannot seem to change the font size which cuts off some of the text like below: HTML: <div class="col-md-1"> <div class="...
0
votes
1answer
795 views

Getting angular-bootstrap modal working with angular-1.3

Has anyone had any luck getting angular-bootstrap modals working in angular-1.3.x? My modals work completely fine in angular-1.2.x. However when I upgrade to angular-1.3.11 the modals don't appear. ...
6
votes
1answer
15k views

Angularjs Accordion Access isOpen State

Is there a way to access whether an accordion-group is open or not? I know there's the isOpen directive but I'm not sure if there's a way to access the state of that while purely in the html. Using (...
1
vote
2answers
4k views

tooltip-html-unsafe stopped working

I have a tooltip that displays an img - so I used tooltip-html-unsafe When upgrading to Angular 1.3 (or maybe earlier) it stopped working When trying to upgrade to 0.12 (I have 0.10) I get: angular#&...
0
votes
1answer
770 views

angular typeahead filter error “undefined is not a function”

I have a working plunkr here: plunkr, which defines and uses a filter that appends an item to the typeahead list of suggestions. When I try to incorporate into my project, it throws an error around ...
2
votes
0answers
133 views

UI (angular) Bootstrap datepicker component popup above controll

Is there a way to make the UI Bootstrap datepicker popup component appear above the controll instead of under?
1
vote
1answer
844 views

How to refresh the templateUrl in an opened modal from Angular-ui Bootstap?

I have a modal that using a templateUrl. I would like the refresh the html in the template. How can I do that without closing the modal? I have a modal using a view shared in different context. And ...
2
votes
1answer
2k views

Angular Bootstrap Datepicker Multiple Formats

When trying to define more than one input date format for Date Picker we seem to have an issue where only one format can be defined. If this format is not met it defaults to americanised date format (...
2
votes
1answer
1k views

using ui bootstrap tpls directives

Here is the deal. I have a problem with using ui-bootstrap-tpls directives namely "pagination". Library is connected successfully in requirejs, you can see in the haed, but directive is not working. &...
1
vote
3answers
5k views

Every time I add 'ui.bootstrap' dependency to my Angular module the page renders blank w/o errors

Like the title says each time I add 'ui.bootstrap' to my module dependency my page renders blank with no errors. If I remove it the page renders partially without the accordion menu and date picker. ...
0
votes
1answer
900 views

How to remove the class from angular-bootstrap modal

I am using angular-bootstrap modal and trying to remove the slide down effect when it is closed. I tried to remove 'fade' class like this, but it didn't work. angular.module('myapp.directives', []) ...
6
votes
1answer
5k views

angular-ui-bootstrap datepicker and masked input

I am taking my first steps in Angular & hope i am in the correct place to find an answer to my question/issue. If not, please point me in the right direction. I am using the angular UI bootstrap ...
5
votes
3answers
11k views

How to add a button in accordion header in bootstrap 3.0/bootstrap-ui?

I am trying to add a button to the accordion that has a dropdown menu but it doesn't seem to be working a: 1) button is too big so it goes past the accordions header. 2) The dropdown menu ends up ...