A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
3 views
Movable tabs to Dual screen
Is there any utils in new UI stack with which I can drag a tab not a popup to the second monitor or dual screen. With bootstrap js we can move the tabs around in single screen
0
votes
0answers
5 views
IE11 showing flashing text cursor on label when active/clicked in angularjs bootstrap
I hope this is a bug and there is a fix.
In IE11 when I click on one of the tab elements I see a text style flashing cursor at the point where I clicked (not seeing this in Chrome).
See image:
...
0
votes
0answers
24 views
I need to position a bootstrap modal(dialog) relative to the opener
I use a bootstrap modal for my settings dialog in an angularJS app. but it need to open relative to the opener but the default bootstrap behavior is that it opens in the center of the page.I'm looking ...
0
votes
1answer
12 views
Angular-UI Keep Accordion Open During Interval Update
I have an accordion group that I use ng-repeat to produce dynamic groups, works fine. I also have $interval to update the list every 60 secs. When this happens all the groups close. How can I keep the ...
1
vote
1answer
236 views
how to show accordion-group based on items in array
I want to show an accordion-group of angular-ui only if an array contains items. this can be changed dynamically.
I tried to use ng-show but since the array starts without items it is not displaying ...
0
votes
1answer
23 views
Get index from several carousel in angularJS
I am trying to get the index of several carousels from bootstrap. At this moment I get only the index of one carousel.
Here is the code.
<body ng-app="menuAPP" ng-controller="mainController">
...
12
votes
5answers
4k views
ui-bootstrap pagination resetting current page on initialization
I am using the pagination directive from the ui-bootstrap (angular-bootstrap) library. I am having an issue when it initializes. My issue occurs when I navigate to a specific page via url.
What is ...
0
votes
1answer
14 views
ModalInstance updating Image from upload
I am trying to upload an image from a drag and drop feature. I have set the modal and my drag and drop feature fine, but what I am having an issue is when I upload the file I would like to update the ...
0
votes
2answers
27 views
collapsable data row in angular js
I would like to display parent and child related data in collapsable format without using panel.
Code:
<div ng-app="app" ng-controller="customersCtrl">
<table ...
0
votes
0answers
23 views
Make Angular Bootstrap UI date ascending
I am using https://github.com/angular-ui/bootstrap for my date dropdowns, which works great, except the year is descending (from the maximum year), is there a way to make it ascend from the current ...
1
vote
2answers
3k views
Setting active slide on angular-ui-bootstrap carousel
I'm using angular, bootstrap and a plugin called "ui-bootstrap" for angular to make a carousel.
I have a list of thumbnails and when clicking one a modal with the images in high definition inside a ...
0
votes
1answer
1k views
Unit test ui.bootstrap modal
var showChangePasswordDialog = function(){
var modalInstance = $modal.open({
templateUrl:'changePassword/changePassword.html',
controller: ...
0
votes
0answers
49 views
Select Multiple does not work in IE when used with Angular-ui-Tabs
It took ALL day to get to the root of this problem. This is related to question"Adding ng-model to Select multiple causes Options not to display in IE" If I put ng-model on a select multiple on an ...
46
votes
4answers
18k views
Mocking $modal in AngularJS unit tests
I'm writing a unit test for a controller that fires up a $modal and uses the promise returned to execute some logic. I can test the parent controller that fires the $modal, but I can't for the life of ...
1
vote
2answers
261 views
Angularjs - $uibModal provider error
I'm trying to inject $uibModal into my project, however when the controller loads, I get the following error:
Error: [$injector:unpr] Unknown provider: $uibModalProvider <- $uibModal <- ...
0
votes
2answers
24 views
How to pass a list of a picklist component (boostrap) via POST (ajax) to my Java controller - AngularJS
Project: jsp + AngularJS
I have a modal, where I already pass some info to my java controller via POST (ajax), it works fine.
But, I inserted a new component and I do not know how to receive my ...
0
votes
0answers
33 views
I get the following error Unknown provider
I get the following error Unknown provider: $uibModalProvider <- $uibModal
ui.bootstrap is injected properly, but when I try to inject uibModal it is complaining..
Upgraded to angular bootstrap ...
6
votes
3answers
3k views
How to set prevous-text and next-text attribute as HTML template in angular-ui bootstrap pagination directive
I'm going to use http://angular-ui.github.io/bootstrap/#pagination
I need to set 'previous', 'next' indicators as html.
something like:
<pagination
previous-text="'<span class="glyphicon ...
0
votes
0answers
16 views
button still in the focus status once close the Angular UI Bootstrap modal dialogue window
How to avoid the :focus status from the button or link once the modal dialogue window opened ?
The clicked button still in the :focus status once closed the Angular UI Bootstrap modal dialogue window ...
0
votes
1answer
228 views
AngularUI Bootstrap Modal with Video flickers while loading
I am trying to display an AngularUI based Bootstrap Modal window which has embedded YouTube videos in iframes. Everything works fine but while loading the modal window flickers at least once before ...
0
votes
0answers
23 views
UI Bootstrap templateUrl Undefined
The modalUrl path defined in my controller is valid but is null once it is passed to the modal directive. Below is my controller code:
//modal open controller
...
0
votes
1answer
16 views
tinyMCE in an angularjs modal dialog only works on the first popup
There is a modal box that is opened from the page multiple times. The tinyMCE control is initiated on the first popup but on subsequent popups, the textarea is not transformed.
I tried using a timer ...
12
votes
1answer
7k views
Angular UI Bootstrap popover with close button
I am using Angular UI Bootstrap to create a popover but I am unable to find the option to add a close button inside the popover.
I customized the popover template to include the close button. But I ...
0
votes
1answer
27 views
What is causing “Error: $compile:tplrt Invalid Template Root” while the template have only one root element
I am trying to get a uibmodal to work but I was getting the following errors.
"Template for directive 'uibModalBackdrop' must have exactly one root element. uib/template/modal/backdrop.html"
and ...
0
votes
1answer
18 views
resolve doesnt work in angular ui modal
I am trying to show a modal using angular bootstrap ui which resolves items in controller. The problem is I am not able to get those resolved items in modal controller.
$scope.showItemsInBill = ...
-1
votes
1answer
33 views
Why is scrolling inconsistent between Firefox, Safari and Chrome?
I'm working on this web page at http://helpir-staging.herokuapp.com. It isn't perfect but it scrolls fine on Safari. In Firefox it only scrolls using the arrow keys (no mouse scroll), and in Chrome I ...
8
votes
3answers
10k views
Doubly nested views : UI-Router or UI-Bootstrap tabs / accordion?
I am a total Angular (and JS) nebwie (with plenty of other s/w development experience, however).
I want to develop something like this:
(with apologies to @PhillipKregg for borrowing his excellent ...
0
votes
0answers
12 views
UI Bootstrap Modal Controller Not Applied
My modal renders correctly, but I can't attach a controller to it. The following code opens the modal correctly, but it does not apply the ModalInstanceCtrl to it:
var modalInstance = ...
11
votes
5answers
1k 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 ...
16
votes
5answers
8k views
Hide Angular UI Bootstrap popover when clicking outside of it
I am trying to manually close a bootstrap popover to get it to close when I click anywhere on the document or body that isn't the popover.
The closest thing I have found to accomplishing this is to ...
0
votes
0answers
19 views
Angular ui bootstrap popover with template
<a data-ng-href="" uib-popover-template="'profile.html'" popover-placement="bottom"></a>
<script type="text/ng-template" id="profile.html">
<div class="media">
...
2
votes
1answer
900 views
Disable modal animation on angular ui boostrap modal
I'm using Angular UI Bootstrap modal window that has a small animation when the modal window appears. The docs don't seem to have an option to disable this animation.
How can I disable that animation ...
22
votes
4answers
10k views
Turn off animation, modal, angular-ui
Is it possible to turn off the animation for the modal directive in angular-ui? http://angular-ui.github.io/bootstrap/
Can't find any in the options. Should I modify the source? Or is there any best ...
7
votes
3answers
13k views
using angular-ui-bootstrap datepicker and timepicker in a popup
I need my users to be able to select a specific datetime in an input field.
I would like to use angular-ui-bootstrap library as it avoids the Jquery dependancy.
The problem is that even if it ...
0
votes
1answer
18 views
Alter pagination colors before active page with uib-pagination
I am trying to achieve a pagination control that shows different colors before/after the active page as such:
pagination control
I'm using uib-pagination with a custom pagination template as follows:
...
3
votes
3answers
8k views
Angular UI - Bootstrap Accordion not working
I have a problem with the Accordion:
I try to do pretty much the same what the demo shows, I have an Array of objects. Every object contains a string, which is the header title. It also contains a ...
-1
votes
1answer
16 views
Angular UI Bootstrap Datepicker move click outside
i want to have possibility click on some button on my page and datepicker will change view to prev/next month/year (normal datepicker have this option above calendar).
I found out that function ...
1
vote
1answer
31 views
ng2-bootsrap has no exported member 'TAB_DIRECTIVES'
I am working on angular2 i which i have to use the tab for ui. For that i have trying to use plugin http://valor-software.github.io/ng2-bootstrap/
i have wrote a demoComponent as
import { ...
0
votes
0answers
14 views
bootstrap-ui tabs and accordion not working properly with ng-view, but are working with non-ng-view content
I have a site that is using angular, bootstrap, bootstrap-ui and angularAMD (in order to use require.js).
I'm using ngRoute and ng-view to switch the content (using html partials) and the angular ...
2
votes
1answer
24 views
Bootstrap Progress Bar Animation Using 50% CPU
I have a couple of progress bars on my site <div class="progress-bar progress-bar-striped active"></div>.
These progress bars take up about 50% CPU.
When I remove the class active from all ...
3
votes
5answers
7k views
angular-ui bootstrap $modal service using directive instead
The examples I see of using angular-ui/bootstrap's $modal always look something like this:
$modal.open({
templateUrl: 'modaltemplate.html',
controller: function($scope) {
...
6
votes
4answers
862 views
How to remove outline appeared on click in Bootstrap UI Accordion
I'm trying to use angular-ui bootstrap accordion to hold bootstrap table inside the heading.
When user clicks on the accordion heading and it opens, a strange outline appears. It looks like this (the ...
2
votes
1answer
20 views
Bind title and data in navbar
Using Bootstrap v3.3.6 to design a mock-up which will eventually use Angular JS for data rendering. I am interested in displaying title along with data in navigation bar as show below ( in 2 row ). ...
3
votes
2answers
94 views
Angular Bootstrap: How to Allow 2 different date format
I am trying to allow MM/dd/YYYY or M/d/YYYY.
Or this pattern:
02/04/1998
02/4/1998
2/04/1998
2/4/1998
0
votes
1answer
28 views
Bootstrap changing keyboard tab key behavior to horizontal
Due to the boot strap design, the keyboard tab key is working vertically(col wise) instead of horizontally.
Can I make the keyboard tab key behavior horizontal(default behavior) without changing the ...
0
votes
1answer
30 views
Close ui-bootstrap modal with mouse click with no backdrop
I'm currently migrating ui-bootstrap from 0.5.0 to 0.14.3 (yep, I haven't checked for updates for that long). In 0.5.0 there was a 'modal' directive with the 'options' config object. There was a ...
0
votes
1answer
24 views
AngularJS Twitter Bootstrap dropdown menu inside Nav bar
I am trying include a dropdown menu inside a navbar with Angular-UI Bootstrap. Please see this plnkr
I played with css and i can get it to working on desktop version. But when it comes to mobile view, ...
0
votes
0answers
35 views
Angular UI Bootstrap Pagination ng-model not updating
I am trying to use a UI Bootstrap Pagination directive in my project, but for some strange reason the ng-model used for updating the current page is not working. The pagination is showing up correctly ...
0
votes
1answer
41 views
$compile:tpload Failed to load template (HTTP status: 404) happens in one sub url only
I am trying to run my angularjs-based app on local file throughout File transfer protocol(not on any server).
My project contains html files as
index.html and template folder on the top level, and ...
0
votes
2answers
40 views
Accordian Control not working
I am trying to use the accordion for implementing it in one of my use case.
Accordion is not working properly. when I click on heading it is not opening and closing.
My HTML Code:
<accordion ...
