A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
5
votes
0answers
327 views
AngularJS/AngularUI: Datepicker to only show years?
I am using AngularUI with AngularJS, and I was wondering if there was a way to just see the year calendar with the Datepicker, not giving them the option to choose month and day. I tried looking at ...
3
votes
0answers
34 views
angular-ui modal with controller as syntax
I'm using angular-ui-bootstrap-bower#0.7.0 with angular#1.2.10 and when opening a modal where the controller is an "old fashioned" one, everything works fine.
However, when I have a controller meant ...
3
votes
0answers
398 views
Angular UI Bootstrap - modal doesn't pop on the first click
I am trying to make a modal for login/register forms and wanted to make something that is reusable, I came across this blog post that goes through making a directive. I used that as well as ...
2
votes
0answers
43 views
How to unit test the 'resolve' property on an Angular-UI Bootstrap Modal component
I'm trying to write a unit test that asserts the correct variable is being sent to the resolve property of ui.bootstrap.modal from the Angular-UI Bootstrap components. Here is what I have so far:
// ...
2
votes
0answers
88 views
index of active slide in angular ui.bootstrap.carousel
I want to synchronize the movement of an angular bootstrap directive carousel with an animation of another image.
i.e. when the carousel switches to show the 5th slide, I want to show the 5th image ...
2
votes
0answers
109 views
angularjs ngstrap conflict when using dropdown and tooltip together
I'm using ngstrap There is a conflict between and tooltip on ngstrap.
The problem that i want to get value of using ng-model. but when I am using ngstrap tooltip the ng-model didn't work.
Hint : ...
2
votes
0answers
1k views
AngularJS Jasmine Test Fails: Failed to instantiate module
My angular app worked great and so did my tests, using karma and jasmine, until I added a dependency in ui.bootstrap. Now the app still works as expected, but I can't get my tests to run. This is what ...
2
votes
0answers
71 views
extend the functionality of datepicker (ui bootstrap)
I am trying to extend the functionality of ui bootstrap for the datepicker. I wanted to use a draggable directive that I have already made for other elements, so I can drag the days. (The final ...
2
votes
0answers
124 views
how angular ui typeahead trigger when focus
I'm using angular-ui typeahead, how can i trigger the popup items when focus on the input box, not after typing.
2
votes
0answers
705 views
Angular UI Bootstrap datepicker: ng-readonly support
Angular UI Bootstrap datepicker does not honors ng-readonly attribute.
If ng-readonly expression is true, text input field is greyed and can not be modified, but datepicker's calendar pops up, ...
2
votes
0answers
2k views
Show Twitter Bootstrap tooltip on focus when an angular input has an error
This example is taken from angularjs's docs
<form name="myForm" ng-controller="Ctrl">
userType: <input name="input" ng-model="userType" required>
<span class="error" ...
1
vote
0answers
31 views
How to create a popover that listens to custom events
I am trying to create a popover that I can open and close with my custom events. I tried to follow this answer and create my custom popover using:
.directive( 'myPopover', [ '$tooltip', function ( ...
1
vote
0answers
85 views
getting inject error with Angularjs ui-bootstrap
I want to use Angularjs Bootstrap UI in my application.after angular.js refrence i include these files in my index pages :
<script ...
1
vote
0answers
24 views
Angular UI Bootstrap progress directive binding on Orbicular attr
I've done a bunch of searching and reading on this one but have come up at a loss. Basically, we have two plugins. Orbicular and Angular UI Boostrap. Orbicular is inserted using the following:
...
1
vote
0answers
115 views
Manual trigger of show / hide in angularstrap datepicker
I want to use a button to show and hide the datepicker.
http://mgcrea.github.io/angular-strap/##datepickers
there are no documentations on how to do this
var app = ...
1
vote
0answers
56 views
Popover doesn't work with ng-grid
I'm trying to show a popover after mouseenter on a ng-grid cell, but it failed.
What am I doing wrong?
Here's the plunk: http://plnkr.co/edit/pucSb6?p=preview
1
vote
0answers
17 views
Angular UI Bootstrap - Docs for Bootstrap 2 gone?
I just recently noticed that the docs for http://angular-ui.github.io/bootstrap/ currently only shows the new bootstrap3 version, but for some reason I still have to use the Bootstrap 2 version.
So ...
1
vote
0answers
53 views
Angular UI Bootstrap: Make accordion save state
How can I make the accordion in Angular UI Boot strap save its state?
The behaviour I'd like is what a user clicks on a link inside the accordion, then later clicks back, the same groups are expanded ...
1
vote
0answers
107 views
Date-picker date format and datepicker options
i have a few problems with the date-picker, especially regard the date format.
I need to make a date-format like that 'ddMMyyyy' without symbols like slash or minus.
this is my Markup
HTML
<input ...
1
vote
0answers
49 views
ui-boostrap accordion header trigger
I'm trying to get ui-boostrap accordion to only trigger (expand) on a div within the accordion-header. I've tried setting the is-open to false but no luck. The idea is that I simply want all kinds of ...
1
vote
0answers
200 views
angular-strap's Aside module with angularUI-bootstrap
Are there any examples for implementing angular-strap's Aside module with angular-ui-bootstrap?
1
vote
0answers
33 views
AngularJS: Adding other directives via directive
I'm trying to create a simple pop-up indicator for when a form input has an invalid value.
Right now, I have a service which handles setting the form values to invalid based upon the results of a ...
1
vote
0answers
62 views
making angular 1.2.13 work with angular-ui
I have the following plunker http://plnkr.co/edit/OGwS47cMJgkjxCliAfku?p=preview and I just can't manage to make typeahead work with angular 1.2.13 and angular-ui.
Also in my script I get Error: ...
1
vote
0answers
194 views
UIBootstrap and Angularjs datepicker tabbing and direct entry
We are working on a SPA using Angularjs and Breeze based on the HotTowel template
We have multiple datePickers on the page that are giving us the following problems:
When the user tabs into a ...
1
vote
0answers
122 views
AngularJS - Accept a ui.bootstrap modal with ENTER key
The Issue:
I've been unable to to accept a modal window with the ENTER key
I have modified the default Plunker to show you what I've done since now --> Here
What I have:
Briefly, the ENTER key is ...
1
vote
0answers
213 views
Bootstrap UI Datepicker block blur event
I would like to have a excel-like table. I have it for all my fields except for the datepicker (http://angular-ui.github.io/bootstrap/)
When I double-click the date-field to update it, the datepicker ...
1
vote
0answers
550 views
angularjs: ui bootstrap modal dialog without template
i have implemented blueimp file uploading with angular-ui-bootstrap .
$modal.open({
templateUrl: '/Scripts/app/upload-panel/upload-panel.html',
controller: function ...
1
vote
0answers
124 views
repeat inside dynamic popover - angularjs and ui-bootstrap
I'm trying to show the user a list of items inside of a popover that is all inside an ng-repeat. I'm using angularjs as well as the ui-bootstrap package (http://angular-ui.github.io/bootstrap/).
...
1
vote
0answers
96 views
How to fix “App Already Bootstrapped with this Element”?
I just upgraded the Angular to 1.2.8.
I am initializing and opening a model from GWT using $wnd.angular.bootstrap($doc, ['fmEventLogApp']);
After closing the model, when I try to open the model ...
1
vote
0answers
112 views
Content of bootstrap popover doesn't fit its shape (Android)
In my web application I use popovers (from ui-bootstrap). Everything works correctly, but I noticed some problems on Android. The problem is that text (content) of popover doesn't fit its shape. Text ...
android
1
vote
0answers
94 views
How do I open a bootstrap popover from a controller
I am stuck on where to start here. I want to open popovers from the angular controller when something happens.
For example, let's say the user has selected 30 checkboxes, I want to open a popover ...
1
vote
0answers
117 views
AngularJS BooutstrapUI Typeahead with dynamic data
I'd like to find the way to pass to the Angular UI typeahead dynamic data.
The problem is that when I've got the data the popup doesn't appear.
So, is there any method to open the typeahead popup ...
1
vote
0answers
102 views
Implementing read only accordion using Angular-Bootstrap UI
I'm trying to implement an Angular Bootsrap-UI accordion that would not allow the user to click to open the accordion.
How do I disable user access? I'll be controlling the opening and closing ...
1
vote
0answers
594 views
Create custom angular-bootstrap typeahead data
I am having trouble with creating the list for bootstrap's ui-typeahead directive:
An $http-call returns the following json:
[{"title":"FOO", "equipment":[{"model":"Model 1"}, {"model":"Model 2"}], ...
1
vote
0answers
79 views
Control the settings of two simultaneous ui-bootstrap modals?
I have two UI-Bootstrap (AngularUI) modals running at the same time. What I want, is when the user hits the "esc" key, only the top-most modal exits, and the remaining modal's settings change so that ...
1
vote
0answers
153 views
Opacity and Angular UI Dropdown Toggle
I have a really annoying problem with opacity settings combined with Angular Ui Bootstrap. I have a table with a dropdown toggle in each row. When I hover over the rows, the opacity settings change on ...
1
vote
0answers
70 views
How to add new classes to angular bootstrap UI directive elements?
I'm trying to add a new class for the element created by the angular bootstrap UI directive. Neither options="" or ng-class="" managed to add a new class for the element:
<p class="stat" ...
1
vote
0answers
150 views
angular-ui/bootstrap: Is there a way to get something like “onDialogOpen”?
I open a modal dialog in my controller with ui-bootstrap and I need to know when the dialog is opened (partial html is added to the dom). In my particular case I need that to have OpenLayers find the ...
0
votes
0answers
8 views
How to prevent an angular-bootstrap dropdown from closing (Unbind Event which was bound by a directive)
I am using the Angular-Bootstrap Dropdown. I want to prevent it from closing on click until the user closes it intentionally.
Default state is: The Dropdown closes when clicking somewhere in the ...
0
votes
0answers
23 views
ui-router issue of state not assign properly it works after refresh
I have used ui-router in my app.
Explaination of Issue: from init controller i have open bootstrap modal as form and after form saved its takes id of row inserted and redirect using $location.path ...
0
votes
0answers
17 views
Dynamic Tab change in Bootstrap?
I have three tabs in AngularJS and Jade. The first tap loads a list of names. When you click on one of those names in that tab I want it to automatically move to the second tab. No luck so far. Any ...
0
votes
0answers
48 views
angular how to set attribute inside directive/template dynamically?
just started playing with Angular. I have several modal. same structure with header and footer. And the main part is a tree. I have data for three different tree.
I am using angular ui. and abn tree ...
0
votes
0answers
23 views
Angular-UI Accordion + Datepicker?
i use Anguar-Ui Bootstrap http://angular-ui.github.io/bootstrap/
and i have implemented the "Accordion" from Angular UI and now i want add inside this Accordeon the Popup DatePicker from Angular UI.
...
0
votes
0answers
8 views
Can't seem to get AngularFire '$update' working
I’m pretty new to Angular, Firebase and AngularFire, so it's probable I'm going about this the wrong way.
Basically I have a form in a modal(UI Bootstrap) and I want to update some previously stored ...
0
votes
0answers
33 views
Bootstrap-UI local images not showing
I'm using AngularJS with Bootstrap-UI and I'm using the carousel directive. When I have the images in my Ctrl pointing to a website (lorumpixel.com) the images are appearing; however, I have images ...
0
votes
0answers
33 views
show tooltip on the click of the cell in ng-grid : Angularjs
in my ng-grid options I have :
columnDefs : [
{
field : 'status',
headerClass : 'tbl-header',
...
0
votes
0answers
18 views
Trying to get a string from Angular UI Modal via resolve object
I'm using the Angular UI modal directive: http://angular-ui.github.io/bootstrap/
I'm trying to pass a string from my modal open() function to my modal controller via the resolve object. I feel like ...
0
votes
0answers
80 views
Memory leak with angularJS and jQuery / angular bootstrap
I have a ng-repeat list that updates every minute. Its a list of cards that contains stuff like title, description, dates and so on.
In those cards there's also a angular-ui-bootstrap popover which i ...
0
votes
0answers
26 views
Struggling to build Bootstraps Tab Menu that is toggleable, dismissable, or collapseable
I've been trying to build a tabbed navigation with Twitter Bootstrap where the tab panes will have various functions like drag and drop upload, delete files, favorites menu, email form, etc. One of ...
0
votes
0answers
20 views
AngularJS What is the correct way of cutting up your IHM
I'm now using Angular since a couple of months and i'm wondering if i'm doing it right as far as IHM organisation go.
I've my Index page like this
<html>
<head>
<all my script and ...
