A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
6
votes
0answers
721 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 ...
5
votes
0answers
980 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
390 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 ...
2
votes
0answers
42 views
Popovers misplaced in some HTML elements
I am working in a project where I use jquery, bootstrap, angular, angular-bootstrap and some more libraries, I have a small problem which is related with the popover directive of the angular-bootstrap ...
2
votes
0answers
50 views
Page value doesn't get updated even though page is reset
Here is whats happening..
I have put reset button for resetting current page to 1.
Its working. But Page value is not getting updated. Here is my code. for pagination :
<pagination ...
2
votes
0answers
59 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 ...
2
votes
0answers
372 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" ...
2
votes
0answers
183 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
283 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: ...
2
votes
0answers
568 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
273 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
628 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 ...
2
votes
0answers
357 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. ...
2
votes
0answers
361 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
64 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
156 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 ...
2
votes
0answers
375 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
135 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 ...
1
vote
0answers
35 views
UI.Bootsrap conflict with AngularJS password matching
The problem stands as follows: I have a fully working angularjs code for password matching:
var app = angular.module('ngMatch', []);
app.directive('match', function () {
return {
...
1
vote
0answers
41 views
ui.bootstrap tooltips stopped working
Can figure out why would that happen. Other directives from ui.bootstrap work: alert, progressbar, etc. Yet popovers and tooltips for some reason stopped working. Anyone had this problem? I had a ...
1
vote
0answers
15 views
Is format also used to parse input string?
I'm using the datepicker popup with format='dd.MM.yyyy'. However, if the user is not using the datepicker, but instead enters the date by himself, the date is parsed as MM.dd.yyyy, i.e. month and day ...
1
vote
0answers
124 views
UI Bootstrap typeahead list - don't auto select / highlight first item
I am using UI bootstrap typeahead and it selects the first term by default. Here the issue.But since I am limiting the suggestions in the list, so all suggestions will not be in the list. Now if the ...
1
vote
0answers
27 views
Firebase syncObject is showing redundant error in my Angular controller
I am building an app for a client who has, as one of their data sets a master list of all their members. I have the data coming in from Firebase and everything runs peachy, but it's not that DRY I am ...
1
vote
0answers
34 views
DOM node id after angularjs application loads
I'm working on an AngularJs based application in which there's a Google Map showing some events around your location.
The map has its own DOM id ("#map") that it's used for loading the map's content ...
1
vote
0answers
14 views
AngularUI DatePicker - remove additional week row
How can you remove the last unnecessary week row in the AngularUI DatePicker (see image below) .
1
vote
0answers
71 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
341 views
How to toggle Navbar dropdown in Angular UI Bootstrap?
I'm trying to get the navbar dropdown work on UI Bootstrap. It works perfectly on button dropdown, but i couldnt get it to work inside navbar. Could you please help me?
<div class="collapse ...
1
vote
0answers
499 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
42 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
23 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
67 views
cannot get angular ui bootstrap modal to work
I'm using angular-ui with bootstrap and when I try to use the modal, it brings up something and darkens the background, but does not display my content. I see it requesting the proper background and ...
1
vote
0answers
43 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
59 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
73 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
253 views
ui.bootstrap directive always occurs multidir error
I get this error when I try to use ui.bootstrap's directives like $modal and $datepicker.
Error: [$compile:multidir] Multiple directives [datepickerPopup, datepickerPopup] asking for new/isolated ...
1
vote
0answers
51 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
109 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
141 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
207 views
How to render html on ui modal (bootstrap)
i have a modal ui (bootstrap for angular), calls by a popupService, i want passing an html code to my popupService.open methode.
The result isn't what i expect, only some values are html formated but ...
1
vote
0answers
230 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
198 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
155 views
How to specify scope for window in AngularUI Bootstrap modal?
I'm trying to create reusable confirm dialog using AngularUI Bootstrap modal, where "ok" / "cancel" buttons are in a custom window template. The issue is that while I can provide a scope for modal ...
1
vote
0answers
67 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 ...
1
vote
0answers
618 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
58 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
192 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
291 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
52 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
48 views
Applying style to UI bootstrap header
I referenced this post: Header issues
Has anyone figured out a way using conditional Angular styling to modify UI-boostrap? Neither ng-class, ngClass, ng-style nor any of the other methods mentioned ...
1
vote
0answers
156 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 ...
