Bootstrap helpers module for AngularJs framework
0
votes
0answers
9 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
12 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
8 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
14 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
17 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
22 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
19 views
Angular Bootstrap datepicker not opening on angular modal
I have referred solutions in questions :
ui.bootstrap.datepicker is-open not working in modal
Datepicker in Angular ui modal not opening
Still I am not able to open datepicker on modal window:
JS:
...
0
votes
0answers
16 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
883 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
28 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
37 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
270 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
82 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"...
0
votes
0answers
17 views
Angular directive based on other directives
In my current project we're using angular and ui.bootstrap as UI library. What I'm trying to do:
to make dropdown with matches for typeahead element to have the same width as input field
How I'm ...
0
votes
1answer
43 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)" ... >
...
1
vote
1answer
22 views
Firing event from dynamically opened controller to parent controller in Angular js
I am developing an Web Application using Angular JS. Frankly, 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 ...
0
votes
1answer
24 views
how to install a module with npm in angular 1
I am trying to install bootstrap using npm. I ran:
npm install angular-ui-bootstrap
And that succesfully installed the module in the node_modules folder. The problem is I can't seem to reference ...
0
votes
1answer
216 views
Angular 2 build error - '../@angular/platform-browser-dynamic' no exported member 'bootstrap'
I'm getting an error where TypeScript is not recognizing the exported 'bootstrap' function from platform-browser-dynamic.
ERROR in [default] ../retain-app/src/main.ts:1:9
Module '"../retain-app/...
5
votes
3answers
16k views
AngularJS refresh smart table after inserting new record in Bootstrap Modal Form
I use angular-bootstrap and and Angular Smart table.
I have a modal form which adds new records to database and shows the list in my smart table. Adding new records is working fine but how do I ...
0
votes
1answer
47 views
angular-bootstrap-calendar TypeError: d is not a function
I'm trying to get the calendar to work on my ionic app, installed the calendar and moment.js via bower but i'm getting the error where it's saying TypeError: d is not a function. and it brings me to ...
1
vote
3answers
1k 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 ...
1
vote
0answers
31 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 ...
0
votes
0answers
21 views
Angular Bootstrap datepicker refreshView or ajax call for disabled dates
I'm having trouble with fetching "enabled" dates ( and transforming them to disabled dates). When a new date is chosen.
I receive a list of "possible dates" and would like to integrate this in the ...
1
vote
1answer
23 views
UI Bootstrap Modal delay when using animate.css classes in windowClass
I'm having issues when using animate.css classes with UI-Bootstrap windowClass option.
for example:
vm.open = function() {
var modalInstance = $uibModal.open({
templateUrl: '...
-1
votes
1answer
25 views
Image slider is not working in Bootstrap
I'm trying to create a Bootstrap slider using AngularJS. My carousel doesn't seem to work and I don't know why. Here's my HTML:
<div class="carousel slide" data-ride="carousel">
<div ...
0
votes
0answers
25 views
Including Html file in the template in bootstrap tour not working
I'm using bootstrap tour for the demo of my website. I'm including all my tour steps in the controller and everything works fine, But i'm trying to add my own template in tour options, something like
...
1
vote
0answers
320 views
Angular 2 RC 6 using Webpack “@angular/upgrade” Issue
This morning I've been updating my Angular RC 5 application to RC 6. After fixing a few issues in the code I've built the code however I seem to have an error whilst the app is being bootstrapped. (I'...
2
votes
3answers
3k views
Prevent AngularJS modal from closing based on logic inside the modal controller
Is there a way to prevent the an AngularJS modal from closing/dismissing in the controller logic of the modal?
What I want is to show a warning when the users closes the modal and the form inside the ...
0
votes
1answer
45 views
Angular2 Meteor Uncaught no provider for ApplicationRef
Starting up my application gives this error:
Uncaught No provider for ApplicationRef!
ReflectiveInjector_._throwOrNull @ reflective_injector.js:786
ReflectiveInjector_._getByKeyDefault @ ...
1
vote
1answer
20 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
28 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 ...
0
votes
0answers
16 views
How to choose standalone format for view datepicker in angular-ui bootstrap?
months : {
format: 'января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря'.split('_'),
standalone: '...
1
vote
1answer
73 views
Angular2 bootstrap from outside typescript file, directly from html page
I have existing website, which is build with angular1+requirejs and php. I would like to add angular2 (which I have already added, using angular2-cli).
I don't need angular1 to communicate with ...
1
vote
1answer
91 views
Angular Bootstrap UI accordion not working as expected
I am using accordion component of Angular Bootstrap UI. The first accordion is expanded by default. When user add new accordion then first accordion should collapse and newly added accordion should be ...
22
votes
4answers
21k views
Using ui-router with Bootstrap-ui modal
I know this has been covered many times and most articles refer to this bit of code: http://stackoverflow.com/a/21213422/1031184
But I just don't get it. I don't find that to be very clear at all. I ...
0
votes
0answers
35 views
How to create connected modal forms with angularjs?
I want have a table showing a list of students. When a user clicks on a one of these students, a modal form pops up showing the details of the student (this works fine). I expose the selected student ...
1
vote
2answers
38 views
View list of default-label in bootstrap
I would like to view list of strings in default-label format of bootstrap with angular-js ng-repeat
Following is a code snippet,
<div class="row">
<div class="col-md-12">
<span ...
0
votes
1answer
31 views
How can I chaneg 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 ...
1
vote
2answers
52 views
Angular-bootstrap 3-column layout
Hi i am trying to write the following layout in angular-bootstrap.But i am new to angular-bootstrap.
checkbox label1 checkbox label2 checkbox label3
...
0
votes
0answers
20 views
A really weird phenomenon with angular bootstrap carousel
I want to use ui.bootstrap.carousel in my project, the html code is as follows:
<div class="col-md-8">
<div style="height: 300px">
<div uib-carousel active="active" interval="...
3
votes
2answers
835 views
UI bootstrap carousel first slide doesn't show then crashes at last slide
I am trying to implement ui-bootstraps carousel but when the page loads the first image doesn't show but the controls and indicators do.
Then, when the second image shows, I can use the controls to ...
0
votes
0answers
31 views
Angular bootstrap ui datepicker remove disabled date,months,year
I disabled dates upto 18 years back from today. datepicker shows the disabled button. but i want to remove. i just want to show only valid date, month and year
Here my code:
HTML:
<input class="...
0
votes
1answer
19 views
Making a “Pressed” effect on a Panel using Angular bootstrap Version 0.13.4
I plan to have a grid of 6 rectangle panels, (3 X 2). Each panel will act as a button that will open a different module within my system. I am looking for some effect on mouseover or hover to apply to ...
0
votes
1answer
73 views
Carousel angular ui bootstrap 2.0.1
I have a problem with the uib-carousel of angular-bootstrap 2.0.1.
I don't understand what happen... I had angular-bootstrap 2.0.0 with a slider with images and video (videogular directives). ...
0
votes
3answers
163 views
add text instead of numbers in pagination, angular-bootstrap
I am using angular-bootstrap for pagination and want to change page number with text like year(eg. 2015, 2014, 2013).
Can we customize angular pagination directive so that achieve that case?
0
votes
2answers
33 views
How can I make angular-bootstrap datepicker accept 2 or 4 digit year input?
I've got a uib-datepicker-popup defined like this: uib-datepicker-popup="M!/d!/yy"
It works great except when I enter a 4 digit year. In that case, it seems to make my ng-model undefined. Is there ...
9
votes
4answers
5k views
angular-bootstrap dropdown on mouseenter and keep dropdown-menu from hiding before being clicked.
First, I'm aware of this posts:
Activating bootstrap dropdown menu on hover
Bootstrap Dropdown with Hover
How to make twitter bootstrap menu dropdown on hover rather than click
And others, but still ...
0
votes
1answer
77 views
Angular CLI Dropdown-bootstrap
Versions:
//package.json:
"devDependencies": {
"angular-cli": "1.0.0-beta.10",
"bootstrap": "^3.3.6",
"codelyzer": "0.0.20",
"ember-cli-inject-live-reload": "1.4.0",
"font-awesome"...
