Tagged Questions
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 ...