A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
2 views
Angular ui-typeahead Submits On Select
I'm new to using angular ui-typeahead and whenever I select a value in the popup it submits/reloads the page.
Any ideas how to troubleshoot?
1
vote
0answers
14 views
Creating a two column dropdown in angular-ui-bootstrap
I have about 13 items in my list, so I'd like to make my dropdown menu in ui-bootstrap have at least two columns. Right now, here is my html for the button:
<div class="btn-group" uib-dropdown ...
-1
votes
1answer
8 views
Angular UI bootstrap Datepicker in landscape view like Material datepicker
I'm using Angular UI bootstrap's datepicker , but I need to update the datepicker like Angular Material datepicker as below link:
[Codepen Link][1]
Reference for such date picker I got from ...
1
vote
0answers
21 views
Angular Bootstrap UI - how to save data from modal directive to controller?
I am using Angular Bootstrap UI in my project.
I have a directive 'HelpDirective', which is used in different controllers. That directive calls HelpService which opens a modal and after it is closed ...
0
votes
2answers
26 views
css border style for treeview using bootstrap list-group-item
I have a treeview using bootstrap style. which I wrote it myself..but I have problems with the style..I used list-group class for ul element and list-group-item for li element but my tree looks like ...
1
vote
1answer
25 views
Angularjs UI Bootstrap: How to modify uib-tab CSS
I am using the UI Bootstrap tabs, and I want to change the CSS for some of the components, but am not sure of how exactly to access the different elements.
The elements I would like to change are the ...
2
votes
1answer
56 views
how to use angular expression value as an attribute for html element
I have a scenario where i need to apply different directives (attribute) to a DIV inside a Angular bootstrap Modal at runtime (button click).
I would know the name of the directive to apply. But i am ...
1
vote
2answers
36 views
how to change route for each tab in uib-tabset
When I choose a tab, I want the url to change. should I create a state for each tab ?
This is my code which works fine without changing the state .
My app.js
var myApp=angular.module('app', ...
3
votes
1answer
19 views
Angularjs : ui bootstrap : accordion “close-others” does not works
It seems that the "close-others" of the accordion in the UI bootstrap does not work, the example in Plunker is:
here.
I tried with the last version of "ui-bootstrap-tpls" but it gives a result which ...
1
vote
1answer
33 views
ng-class or ng-style directive not working in ui bootstap carousel
I am using UI Bootstrap Carousel and need to do some customization in it so that user have access of configuring options such as text color, navigation show/hide, etc....
For this i have used their ...
0
votes
0answers
30 views
To dynamically run progress bar using angular-html
Scenario:
Start time
End time
An activity gets started with start time and ends with end time.
I have written the logic in javascript. Now, i need to use angular and show a progressbar running ...
0
votes
0answers
14 views
Creating resolve option in directives
I'm using angular bootstrap tabs to display some section in one page. In order to not load everything at once, I created a directive to allow load a tab when clicked, it also support using a separate ...
0
votes
3answers
27 views
UI Bootstrap custom directive controller is not a function
I want to use UI Bootstrap Collapse in my custom directive <collapse>
However, I get this Error: [ng:areq] Argument 'CollapseDemoCtrl' is not a function, got undefined
Here is my Plunkr
What ...
0
votes
0answers
18 views
Bootstrap UI datepicker BUG if using timemachine js
I need to overriding client browser system time in my web-app.
I using timemachine to overriding Date,
this works well but creates conflicts when i usinig Bootstrap UI datepicker, the pop-up of ...
1
vote
1answer
31 views
AngularJS 1.4, bootstrap multi level Accordion sample
I want to build a menu something like as below but I am not finding an appropriate sample utilising AngularJS 1.4, bootstrap & accordion .
Accordion is a must. Please advise.
menu1
menu2
...
0
votes
0answers
4 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
14 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
27 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
13 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 ...
0
votes
1answer
17 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
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
33 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
24 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
17 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 ...
0
votes
0answers
21 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
40 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
22 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
36 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 ...
0
votes
0answers
13 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 = ...
0
votes
0answers
21 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">
...
-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
40 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
1answer
26 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:
...
0
votes
0answers
49 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 ...
0
votes
0answers
23 views
bootstrap-ui tabs and accordion not working properly with ng-view using bootstrap 3.3.5
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
29 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 ...
0
votes
2answers
26 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
1answer
24 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">
...
0
votes
1answer
29 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
35 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, ...
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 ). ...
0
votes
0answers
39 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
2answers
41 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 ...
0
votes
1answer
13 views
Measuring Angular Bootstrap Time
I'm looking for an ideal way to hook into and measure the time of boostrapping an angular application which uses 'automatic intialization' (https://docs.angularjs.org/guide/bootstrap).
I've looked ...
0
votes
1answer
43 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 ...
1
vote
1answer
48 views
angular ui-bootstrap datepicker mindate not validated when typed in
I have a form with a ui-bootstrap datepicker. I want to prevent the date from being in the past.
I set the min-date setting on the directive to a new Date() as shown below. This correctly prevents ...
-2
votes
5answers
32 views
How to do Pagination in Angular JS?
I have a dynamic array. I want to traverse into that array and add pagination to it. Currently, I am using ng-repeat for traverse but how I can add pagination with ng-repeat. Please help me into this?
...
0
votes
1answer
19 views
Angular JS ng-style
style attribute is appended to a element based on the expression in ng-style added to the element.Below is the code which adds background color to the Style attribute dynamically.
<div ...
4
votes
1answer
93 views
Use Jasmine to test a service with uibModal and lodash as dependencies
This is my first time using Jasmine, and I have tested my first Factory without problems.
But now, I want to test this Service:
angular.module('Questions', [])
.service('QuestionsService', ...
0
votes
1answer
45 views
Two inline Bootstrap datepickers not fitting bootstrap grid column and panel
I am a newbie when it comes to frontend. I have been working on a little single page angularjs app and I came across an issue. On my page, I need two inline datepickers. I chose angular-ui-bootstrap ...
