Bootstrap helpers module for AngularJs framework
0
votes
0answers
15 views
I have to make a datepicker using angular bootstrap where user can add
enter image description here
I am trying to make datepickers using angular bootstrap . Here are the conditions.
a)Opening Date
b)Notification Date
c)Deadlines: Here user can add any number of deadline ...
0
votes
2answers
1k views
Angular 2 - Bootstrap (Ng2-Bootstrap) typeahead implementation
I'm trying to implement the NG2-Bootstrap typeahead with no success.
This is my code:
import {Component} from "angular2/core";
import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/common';
...
7
votes
1answer
3k views
angular bootstrap dropdown to open on left
I have used angular bootstrap dropdown successfully link.
But the problem it that the dropdown opens on the right side.
How can i make it to open on left?
Here is the markup and js i used from the ...
0
votes
0answers
13 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 ...
google-chrome
0
votes
0answers
10 views
Angular - Fromly Accordion [closed]
Is there any way to create Accordion with Angular - Formyl? I want to create multiple accordion using angular - formyl. I tried it using normal AngularJS but I am not getting any way to create it ...
0
votes
2answers
15 views
How to add dependency to module's list of dependencies in Angular?
I'm trying to use angular-bootstrap-nav-tree library, but I'cant add 'angularBootstrapNavTree' to my module's list of dependencies. There is error
"Unknown provider: angularBootstrapNavTreeProvider &...
0
votes
0answers
18 views
How to prevent page scroll to top when using Angular-bootstrap modal and window position:fixed workaround for ipad?
You may know, that there is a bug in bootstrap modals on some devices, that the page behind the modals scrolls instead of the modal (http://getbootstrap.com/getting-started/#support-fixed-position-...
0
votes
2answers
48 views
Angular UI Bootstrap Datepicker not displaying
I'm trying to integrate the angular ui bootstrap datepicker into my project, but I can't get the calendar dropdown to display in my code. The buttons and label display but the calendar just shows as a ...
1
vote
1answer
31 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
24 views
Using the angular datepicker with ng-repeat
I'm trying to write something that lets me edit records with dates in them, I have this inside my table:
<tr ng-repeat="event in eventFixtures track by $index">
<td>{{...
0
votes
0answers
36 views
How to handle Multiple modal controllers in AngularJS
I have a page that has multiple modals in it. these modals has different functionalities. I want to know how to declare each modals' controllers. should i include them all in the main view? is that a ...
2
votes
2answers
555 views
Centering angular bootstrap modal window vertically
How can I center this modal window vertically regardless of the size of the contents displayed. In my page, I am displaying an image as a modal window and I would like it to display in the center of ...
1
vote
0answers
34 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
27 views
AngularJS: bootstrap controller with service(s)
I'm trying to integrate golden-layout (an app for separating the app's window in multiple docking panels) in my angular app for some days.
Each panel/container uses a cached template. Within that ...
0
votes
1answer
31 views
Filtering for Parameters
When using the $urlMatcherFactory provider to create new parameter types, is there a way to filter types while encoding/decoding or validating them? I need some "date" parameters, and it seems easiest ...
0
votes
1answer
14 views
ng-init in uib-carousel -> height becomes 0px
After adding ng-init with images and unique id inside uib-carousel everything is equal to 0px (images, div's inside uib-carousel).
Here is plunker
<div uib-carousel active="active" ng-init="...
0
votes
1answer
37 views
Uib-tab is not rendering anything
UIb-tab is not displaying anything.Simple "tabs" were working great but a scenario came where they failed and so I had to switched to uib-tabs.Below is my code and the versions I used in my project.
&...
0
votes
1answer
56 views
How can I change badge total color in Angular bootstrap calendar
I didn't found the solution to change the class of badge total on event cell ?
By default, it's badge-important, but I find the red a bit agressive when you have many events in Month view.
how could ...
0
votes
1answer
27 views
Checkbox styled as non-checkbox- need label to fill row
I have a bootstrap modal where the user can do multiple choices. For the multiple choices, I have used checkboxes. But I do not want them shown as checkboxes, rather I want it to where when the user ...
1
vote
0answers
14 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>
...
0
votes
2answers
69 views
Ask to confirm when changing tabs in angular bootstrap
I have tabs with forms and i want ask user to confirm to discard the changes when changing tabs. My current code works
<uib-tab heading="..." index="3" deselect="main.onDeselect($event)" ... >
...
0
votes
2answers
68 views
How to disable uib-timepicker arrow keys?
even after I use this it still showing up arrows
<div uib-timepicker ng-model="mytime" arrowkeys="false" show-meridian="false"></div>
Here's the plunker : https://plnkr.co/edit/...
16
votes
5answers
14k 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
1answer
34 views
angular-bootstrap progressbar progress shown is incorrect
I am running a serie of simulations on an external window, and each time a simulation is done I increment a progress value on the main window (everything happens through IPC communication).
The whole ...
1
vote
1answer
33 views
Can i import some custom module after a angular 2 app bootstraped?
I am developing a business web app using angular2 based on web api.
Now i got a problem. I want to bootstrap my angular2 app using AuthModule(this is my custom module). This module have functionalty ...
1
vote
2answers
38 views
AngularJS Bootstrap - Error in Console
I'm trying to set up $uibModal from AngularJS Bootstrap, however I get an error in console. More on that below.
app.js:
var app = angular.module('carApp', ['ui-bootstrap']);
ctrl.js
app.controller(...
1
vote
1answer
30 views
Ui-tabset and bootstrap-daterangepicker not working together?
I have an application where I am using ui-bootstrap-tabs. documentation here. With the ng-bs-daterangepicker.
The behavior I am observing is that whenever I put the daterangepicker inside the ui-tab. ...
-1
votes
1answer
69 views
Angular-bootstrap typeahead + ng-click/ng-focus
In my app I use angular-bootstrap typeahead component, this way:
<input type="text" ng-model="selected" placeholder="Start typing to select an object" uib-typeahead="obj as obj.name for obj in ...
-7
votes
1answer
37 views
How to get the “value” of ng-href literally?! (leafy) [closed]
How do i get the value of pk in the ng-href and how do i call it into my controller.js?
1
vote
2answers
169 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 ...
1
vote
1answer
54 views
Keyboard navigation on Angular uib-dropdown is not working
I'm using Angular Bootstrap 2.2.0 with Angular 1.5.
The keyboard navigation doesn't work on UIB dropdowns even with the keyboard-nav option enabled. Here's my code:
<div class="btn-group"
...
2
votes
2answers
6k views
How to replace deprecated uib-datepicker-popup?
Since I updated my project to "angular-bootstrap": "~1.2.4", I've a warning in the console:
uib-datepicker settings via uib-datepicker-popup attributes are deprecated and will be removed in UI ...
0
votes
0answers
26 views
Angular-bootstrap-ui with niceScroll issue in modal pop up
I am using niceScroll in angular-bootstrap-ui modal pop, In IE scroll bar is not working in modal pop up but in normal use its working fine. Thanks in advance.
$('.ui-select-choices').niceScroll({
...
0
votes
0answers
23 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
0answers
18 views
Programmatically refreshing display (i.e. triggering cellModifier to be called again) of the angular bootstrap calendar (mwl-calendar)
As the title says, I have a the Angular Bootstrap Calendar displaying beautifully, but I want to refresh the view, i.e., get the cellModifier callback to be called again. The HTML is pretty vanilla, ...
1
vote
0answers
25 views
bootstrap UI crashed on upgrading angular-bootstrap
I upgraded angular-bootstrap version to v2.2.0 and all my UI functionality like dropdown, modals, accordions crashed. Along with angular-bootstrap, I also upgraded bootstrap-sass to v3.3.7 and jQuery ...
0
votes
0answers
23 views
Barcode keyboard scanner in text field causes clicks
I have a form which has buttons and a text field. On the mobile device when I input values into the text field the first button gets clicked.
In the following form name=test2 when I enter values via ...
0
votes
1answer
27 views
Typescript/Angular - Call separate function after modal result return
I'm having an issue calling a separate function when my promise is returned by closing or canceling a modal in Angular/Typescript. Perhaps I'm trying to do something impossible but all the examples I'...
0
votes
0answers
11 views
Using custom template for bootstrap-ui-datetime-picker plugin
With bootstrap ui, I can add the following to the input to use a custom template:
template-url="path/to/template"
bootstrap-ui-datetime-picker plugin combines bootstrap ui datepicker and timepicker. ...
0
votes
0answers
56 views
Angular UI Bootstrap Typeahead Not Displaying Results
I'm using a promise to display results using the ui.bootstrap typeahead directive and the results are not being displayed. I think the reason is because the response from the ajax request is slow (8....
0
votes
0answers
16 views
Don't debounce ng-model when text is cleared
I have an angular ui-bootstrap typeahead which is fed by the searchFruits() function (which returns an array).
<input ng-model="chosenFruit" ng-model-options="{debounce: 500}" uib-typeahead="fruit ...
0
votes
1answer
38 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
94 views
angular-bootstrap-datetimepicker not auto close on Date selection
I am using https://github.com/dalelotts/angular-bootstrap-datetimepicker datepicker. it is not auto closing the datepicker control..
<div class="dropdown-toggle my-toggle-select" id="dLabel1" role=...
0
votes
0answers
63 views
Append bootstrap dialog to a specific div
I need to make a modal dialog so, that one div in the main page would always be available (this div contains abort button).
I've tried to use the appendTo property, but either I don't understand how ...
4
votes
1answer
996 views
Angular Bootstrap DateTimePicker - Highlight Today Date on embedded Calender
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 ...
0
votes
0answers
102 views
Angular2 Bootstrap in multipage application
I have a multipage non-angular application where Angular2 is used in only one page. I am appending root component using javascript and angular2 gets properly bootstraped for the first time.
However, ...
0
votes
1answer
61 views
angular-bootstrap-datetimepicker close calendar when clicked outside
I'm totally new to angular and I try to use angular-bootstrap-datetimepicker in my project. My html code is:
<span class="input-group-btn" ng-class="{open: openedDP}">
<button type="...
0
votes
2answers
400 views
Disable past Time angular bootstrap datetimepicker
Good day!
I am using angular bootstrap datetimepicker. I want to make $dates.selectable = false for past date and time. How can I do that? Please let me know if you need the code example.
Thank you ...
0
votes
1answer
16 views
Confirming if AngularJS is installed and working
Just following an AngularJS book to read and learn , he has created a test page like this:
<!DOCTYPE HTML>
<html ng-app>
<head>
<title> First App </title>
<script src=...
3
votes
1answer
91 views
Accessing directive attribute in controller
I'm new to angular and I'm using angular-bootstrap-datetimepicker, and I want to access its directive attribute data-datetimepicker-config in my controller
<datetimepicker data-ng-model="data.date"...
