Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
5
votes
0answers
552 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.
5
votes
0answers
598 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
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" ...
2
votes
0answers
228 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 ...
2
votes
0answers
48 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
134 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 ...
2
votes
0answers
330 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 ...
2
votes
0answers
219 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 ...
2
votes
0answers
492 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
299 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
41 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
294 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
112 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
296 views
Modifying an accordion to behave like a table
For 4 hours I have been trying to modify the accordion template to look and feel like a table row. Essentially, I want to have a table where each row element is an accordion group that when clicked on ...
1
vote
0answers
11 views
bootstrap dropdown caret breakes in safari
I`m trying to do ellipsis on the dropdown from angular ui bootstrap and the caret keeps breaking down either on safari, chrome or firefox. Fixing one will break another.
I've made a plunker with it ...
1
vote
0answers
124 views
“TypeError: Cannot read property 'add' of undefined” error with ng-animate
After I update from 1.2.24 to 1.3.0-rc.2 I'm getting following error. When I remove ngAnimate from modules, it disappears. Only thing that uses animates is angular-ui-bootstrap.
TypeError: Cannot ...
1
vote
0answers
22 views
UI Bootstrap with Flot causing misaligned ticks
I'm working on an Angular web-app with UI Bootstrap and have run into a problem with the y-tick label alignment in flot charts using UI tabs.
With standard bootstrap tabs, the plots match inside and ...
1
vote
0answers
15 views
How to refresh the templateUrl in an opened modal from Angular-ui Bootstap?
I have a modal that using a templateUrl. I would like the refresh the html in the template. How can I do that without closing the modal?
I have a modal using a view shared in different context. And ...
1
vote
0answers
19 views
Why does AngularFire $remove reload the controller?
In an Angular app I have a table for 'Contacts', which is loading my Contacts from a FireBase database, using AngularFire. I'm trying to build in the UIBootstrap pagination directive ...
1
vote
0answers
38 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
37 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
40 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
74 views
Disable dates using factory response UI Bootstrap Datepicker
I'm trying to disable a date in the UI Bootstrap Datepicker connected to a Google calendar if that dates already have 3 or more events.
Thus far I get the array of events using an Angular Factory ...
1
vote
0answers
40 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
50 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
158 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
110 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
192 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
165 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
133 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
467 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
295 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
515 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
52 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
170 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
244 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
42 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
139 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
133 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
240 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
43 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
260 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
299 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
253 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
102 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
891 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
174 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
174 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
137 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
