A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
5
votes
0answers
520 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 ...
4
votes
0answers
396 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.
3
votes
0answers
54 views
Angular ui-bootstrap progressbar with angular-timer not showing value
Please help. I am fresh out of sanity.
See codepen here for an example.
I have a <timer> from angular-timer that exposes seconds on to the local scope and updates it every second, which is ...
3
votes
0answers
334 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 ...
2
votes
0answers
47 views
Text input box not accepting input in modal from Angular UI Bootstrap
I have a modal (nbr 1) that I open from another modal (nbr 2). The modal nbr 1 works fine and is showing the things it should. But I tried to put an input to filter items in the modal, but the input ...
2
votes
0answers
26 views
Angular UI Tooltip overflowing screen
I have a tooltip (http://angular-ui.github.io/bootstrap/) with a status notification, but when this notifications is to large, it overflows the screen limits. here is a print of what is happening:
...
2
votes
0answers
298 views
Getting module Injection error with Angularjs ui-bootstrap
I want to use Angularjs Bootstrap UI in my application.after angular.js reference i include these files in my index pages :
and in my application app.js include this line :
var ap = ...
2
votes
0answers
236 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
34 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 ...
2
votes
0answers
227 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 ...
2
votes
0answers
3k 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
95 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
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
36 views
How to do page transition in AngularJS
I am trying to do page transitions whenever the page is routed to a new path.
I could find awesome transitions @ AngularJS Transitions by Minko Gechev
But I am not able to apply these transitions on ...
1
vote
0answers
21 views
Angular JS & BootstrapUI Accordion Recreate Panel Dynamically
I have an accordion which dynamically recreates panels of the accordion inside itself which is all well and good, however the topmost panel must recreate itself dynamically as well. With the method ...
1
vote
0answers
30 views
Boostrap Tabs with Angular js
I am using a tabset and sets of different tabs of angular ui bootstrap.
I would like to move in a click to some tab.
Moreover, i would like to know which of the tabs is opened right now.
I created ...
1
vote
0answers
33 views
getting an error : Argument 'ctrl' not defined in angular js
my index.html file has the following :
<script src="scripts/controllers/form/DashboardCtrl.js" />
<script src="scripts/controllers/chart/morrisChartCtrl.js" />
my app.js file is as ...
1
vote
0answers
43 views
How to Modularize AngularJS app(folder structure)?
assume i am going to strart new angularjs app with 3 modules
1.login
2.payment
3.enquiry
i want to load payment module with login details similarly for enquiry . how can we achive this
i will have ...
1
vote
0answers
25 views
Overriding title attribute with ui.bootstrap.tooltip directive
I am trying to create a directive definition so that when there is an element with a title attribute, it is replaced with a tooltip directive (from ui.bootstrap). Here is my directive so far:
'use ...
1
vote
0answers
68 views
angular-ui: Show tooltip using directive when an input fields validity turns invalid
Ok, so I have an input field that i would like to enhance with 2 custom directives:
<input type="text" number-format validation-message="Only numeric values are valid!" class="form-control" ...
1
vote
0answers
75 views
AngularJS : UI Bootstrap Tabs and Jquery Custom ScrollBar
In my view, I have 2 tabs generated by the UI-Bootstrap Tabs directive.
The tabs have fixed heights and "overflow-y: auto;", and receive variable content.
I'm trying to apply some nice scroolbars ...
1
vote
0answers
104 views
Angular UI Bootstrap responsive tab collapse
I want to make a sidebar have all of it's content displayed while on a pc (=>sm) and have it tabbed while on a phone (
Effectively hiding all of the tab controls and just display all of the tabs as ...
1
vote
0answers
48 views
slide toggle from left to right in angular js
I am using hide and show an element using the angular JS . Angular toggle collapse working fine from slide up and slide down. How can I do the same thing sliding from right to left with some ...
1
vote
0answers
106 views
UI-bootstrap: Cannot read property 'remove' of null
I'm using ui-bootstrap(accordion) for angular.
Also im creating recursive templates with directives to display nested object structure smthng like this:
[
{
name: String("Name1"),
key: ...
1
vote
0answers
73 views
Tab select event is triggered when I am navigating away
I am using the Tab directive and the select expression to trigger a method when the tab is loaded. But the event is also triggered when I am navigating away from the site. How can I avoid this?
I ...
1
vote
0answers
136 views
Adding Pace.js loader to angular.js modal containing videos
I have angular ui bootstrap modal which has videos, I have posted same question week ago here is the link of that question my previous question ,
but did'nt got any response, anyhow i found pace.js ...
1
vote
0answers
103 views
How change Bootstrap-datepicker language at runtime
I'm trying to use the Bootstrap-datepicker along with angular-translate and I just can't change the calendar language neither it's date pattern at runtime. My datepicker code is the following:
...
1
vote
0answers
74 views
Manually inject $modalInstance later into controller
I am using angular UI bootstrap and want to re-use the controller used in a modal dialog in a view that is not a dialog.
I tried to manually get the $modalInstance later via
...
1
vote
0answers
127 views
Adding Ajax loader in angular ui bootstrap modal
I have ui bootstrap modal to play videos, these videos are taking time to load so i want to show ajax loader until videos get loaded.
here is my ng-template and angular js code for modal, I have ...
1
vote
0answers
77 views
Customized ui.bootstrap.dropdown menu
I'm trying to use ui.bootstrap.dropdown for dropdown menu panel. In all examples the dropdown menu contains only list. I need to create custom menu. For example:
<li class="dropdown floating-panel ...
1
vote
0answers
205 views
angular-ui bootstrap datepicker (how to disable only today button on popup)
I have 2 dates : StartDate and EndDate using angular-ui-bootstrap datepicker
When I choose a startDate (greater than today date) I set the min-date of EndDate datepicker at the startDate. So all ...
1
vote
0answers
168 views
Angular UI Timepicker vertical alignment
I am using the timepicker control from Angular UI - Bootstrap and I can't figure out how to center it vertically. It is basically 3 times as tall as other controls, and by default the label/etc. ...
1
vote
0answers
265 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: ...
1
vote
0answers
43 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
405 views
angular-ui-bootstrap datepicker and masked input
I am taking my first steps in Angular & hope i am in the correct place to find an answer to my question/issue.
If not, please point me in the right direction.
I am using the angular UI bootstrap ...
1
vote
0answers
106 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
185 views
angular UI bootstrap popup datepicker combined with ui.mask
I am using the angular UI bootstrap popup datepicker like the example here :
http://angular-ui.github.io/bootstrap/#/datepicker
When i combine this with the uiMask Directive ( ...
1
vote
0answers
34 views
UI Bootstrap typeahed clear $viewValue
I'm using the UI Bootstrap typeahead on an input to act as a searchable dropdown menu.
I have a clear button that should reset the input and that works fine (by resetting the model) as long as I ...
1
vote
0answers
110 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
114 views
ui-bootstrap accordion header trigger
I'm trying to get ui-bootstrap 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
235 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
40 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
239 views
Directive inside $modal window throws “undefined is not a function”
Using ui-bootstrap I have a really simple custom directive that lists alerts at the top of the page. On normal pages it works like a champ. When I use my directive inside a $modal popup I get ...
1
vote
0answers
64 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
266 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
198 views
Grouping results in ui-bootstrap typeahead
I'm trying to figure out how to group results in the dropdown of UI-Bootstrap's typeahead:
Is there in easy way to support it?
1
vote
0answers
91 views
How to get the active status of nested Angular UI Bootstrap tabs
In my code I'm using a service (ngResource) to get data dynamically from the server API to create a series of nested tabs.
My code is loosely like this:
var AdminMenu = angular.module('AdminMenu', ...
1
vote
0answers
824 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
154 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
154 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 ...
