A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
5
votes
0answers
279 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
376 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
28 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
91 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
26 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 ...
2
votes
0answers
895 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
64 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
110 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
659 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, ...
1
vote
0answers
26 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
66 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
44 views
Protractor:Waiting for an element that is present but not displayed
I've written a test to check if a element is visible on screen, in my case an angular-ui-bootstrap collapsible panel, aka, the "warning". The code works, but the tests used to fail ~75% of the time.
...
1
vote
0answers
17 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
77 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
48 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 ...
1
vote
0answers
15 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
42 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
79 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
34 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
149 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
31 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
59 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
162 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
102 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
200 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
491 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
101 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 ...
1
vote
0answers
93 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
113 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
101 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
576 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
78 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
151 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
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
69 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
148 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
6 views
AngularJS (ng-grid) “editableCellTemplate” not working date picker
columnDefs: [{
displayName: 'Date',
field: 'date',
editableCellTemplate: '<input type="text" ng-class="\'colt\' + col.index" ng-input="COL_FIELD" ...
0
votes
0answers
20 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
10 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
13 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
36 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
17 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
22 views
How to use img ng-src in AngularJS on android phone?
The most relevant Q & A I've found is from google groups and I've read the AngularJS docs for ngSrc.
I'm trying to use Angular UI Bootstrap - Carousel in my app and I noticed the demo uses ...
0
votes
0answers
18 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 ...
0
votes
0answers
48 views
AngularJs - Bootstrap - close modal window
I'm using angular 1.2 and angular-bootstrap modal directive. I have a Controller1 that opens a modal window. There I load external application in iframe. When user finishes working with external ...
0
votes
0answers
10 views
Trigger function on UI.Bootstrap click away
Currently have this dropdown:
<li class="dropdown" >
<a class="dropdown-toggle" >
Click me for a dropdown, yo!
</a>
<ul class="dropdown-menu">
<li ...
0
votes
0answers
10 views
Unit test ui.bootstrap modal
var showChangePasswordDialog = function(){
var modalInstance = $modal.open({
templateUrl:'changePassword/changePassword.html',
controller: ...
0
votes
0answers
33 views
Bootstrap AngularJS carousel: how to let slides cover full page width?
I'm implementing my first angular.js web site (mobile compatible).
I use bootstrap ui carousel.
I would like to create a carousel whose slides occupy the whole page width (as in this example: ...
0
votes
0answers
11 views
Select value from other or nested view
In my angular application I have an imagelibary. From my edit detail forms (example product our newsdetail ), i like to open this imagelib for selecting an image.
So, in edit newsdetail -> select ...
0
votes
0answers
53 views
Datepicker and Directives angular-ui bootstrap not working
I'm generate app with angular-fullstack and try to create Datepicker directives like this tuts ont angular-ui bootstrap:http://angular-ui.github.io/bootstrap/#/datepicker. but some how i always get ...
Related Tags
angularjs × 190
angular-ui × 61
javascript × 48
angularjs-directive × 36
twitter-bootstrap × 25
modal-dialog × 12
jquery × 11
angularjs-scope × 10
datepicker × 8
css × 7
angular-strap × 6
accordion × 4
bootstrap × 4
popover × 4
html × 4
android × 3
ng-grid × 3
tabs × 3
tooltip × 3
jasmine × 3
pagination × 3
more related tags
Hot Network Questions
- How to define a symbolic link that I can use in all of my directories
- Intuition behind normal subgroups
- Optimize where clause using dates
- How is calculus helpful for biology majors?
- Why is blue used as a background color to indicate no signal?
- Do Apex collections implement iterable?
- Why is studying an lisp interpreter in lisp so important?
- Why does the earth spin clockwise?
- How can I add Sine waves to follow the path of a circle using Illustrator
- Common Core, threat or menace? Or maybe ok after all?
- how secure is rsa encryption for a web login without https?
- How to access directories disallowed in robots.txt?
- Am I obliged to share my most promising data?
- Use a smartphone as a Dial Up Modem?
- Mathematicians ahead of their time?
- Why does the following phrase sound old fashioned?
- The Tate conjecture for abelian varieties
- tee stdout to stderr?
- Are swift actions allowed during surprise round
- How can an e-mail get lost?
- Java code to return if a word is present in a sentence or not?
- Why did the Half Blood Prince leave his book in the Potions dungeon?
- What happens if my players capture a cultist at the start of Masks of Nyarlathotep?
- When is Spring in the USA?
