A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
6
votes
0answers
812 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
1k 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
598 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" ...
3
votes
0answers
330 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:
...
3
votes
0answers
446 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
106 views
ui-bootstrap timepicker and ng-model value converter
my server side json uses "HH:mm:ss" to store time data.
i'm using UI-Bootsrap TimePicker to let the user input the time.
I'm using the ngModelController's $parsers and $formatters to map from server ...
2
votes
0answers
96 views
Popovers misplaced in some HTML elements
I am working in a project where I use jQuery (~2.1.1), Bootstrap (~3.3.1), AngularJS (~1.3.4), Angular-ui-bootstrap (~0.12.0), and some more libraries. I have a small problem which is related with the ...
2
votes
0answers
221 views
bootstrap-ui tab select and error “cannot read property $$phase of null”
There is this known issue with ng-grid: if the grid has width 100% and it is hidden (eg: inside a bootstrap-ui tab) and then unhidden (eg. the tab is shown), then the grid is kind of messed up.
I'm ...
2
votes
0answers
110 views
Error Multiple directives [bar, bar] asking for template on when used custom directive and angular-bootstrap
I was trying to create a custom directive, and inside the template of my directive, I have included a directive of angular-bootrstrap library. In this case a popover directive.
When I run my app, ...
2
votes
0answers
360 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
762 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
309 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
752 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
384 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
422 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
86 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
165 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
185 views
Select text in input field of AngularUI modal when it opens
I'm using AngularUI modal in my app. Modal contains input field that is pre populated with some value.
Request: When modal opens, text in that input field should be selected.
I have made directive ...
2
votes
0answers
353 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?
2
votes
0answers
155 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
131 views
how can angular ui modal popup from right side
how can the angular ui modal popup from right side, not the top ? That will be more interesting.
angular-ui
1
vote
0answers
63 views
AngularJS bootstrap datepicker - day in week issue
I am using AngularJS bootstrap datepicker. I am trying to format the "day in week" to show only the first letter, not three.
Here is a screenshot of the calendar:
http://imgur.com/YJlUGs6
I only ...
1
vote
0answers
125 views
Angular Bootstrap-UI Carousel using Dynamic Content
I am trying to implement the Bootstrap UI Angular Carousel with WordPress WP-API. I am curious how to connect 'slides' with 'posts'
The demo HTML is...
<div class="carousel" ...
1
vote
0answers
40 views
Open a modal dialog inside a div
AngularUI seems to target the body when it opens a modal. How can I open it inside a div?
Here is how I open a modal:
$scope.createEntityModal = function () {
var modalInstance = $modal.open({
...
1
vote
0answers
83 views
Angular-ui bootstrap modal opens too slowly
I have an Angular-ui Bootstrap modal in my Angular app:
<div class="modal-header">
</div>
<div class="modal-body">
<textarea ng-model="text" id="imageCaption" ...
1
vote
0answers
111 views
Possible bug in with angular-ui-bootstrap and angular-ui-router (tabset inside nested ui-view)
I'm looking for confirmation or possibly a workaround, this is not intended as a bug report.
TL;DR I think I found a bug, not sure which thing it's in. I've got this html:
<div ui-view>
...
1
vote
0answers
426 views
Bootstrap Metro UI CSS Tab Control Component with AngularJS ng-repeat
Using AngularJS I have this working code for tabs:
<tabset>
<tab ng-repeat="item in items">
<tab-heading>TAB {{ $index+1 }}</tab-heading>
...
1
vote
0answers
479 views
AngularJS ui-bootstrap timepicker automatically set current time even $scope.dateRemind is null
my problem: i use a date and timepicker from ui-bootstrap (see here)
there 2 different ways i fill these date and timepicker:
first: i have a remindDate, so there will be the date and time from ...
1
vote
0answers
262 views
typeahead does not call select when clicking on a match
It seems typeahead is not working when you click on a match with the mouse. I am using angular 1.3.5 and the latest ui-bootstrap build. I modified the code in the typeahead directive ...
1
vote
0answers
45 views
Preview Angular-ui bootstrap gh-pages branch on windows localhost
I'm trying to run the project page on my localhost windows server 2008 R2 machine on the Git Bash prompt.
https://github.com/angular-ui/bootstrap/tree/gh-pages
I tried to add _config.yml with ...
1
vote
0answers
31 views
How to create a common child state in angularjs project.?
I want to trigger a authenticating modal on expiry of token on client side. I want to make this as a common child state to all states so that I can call it from any state.
Is this possible.?
1
vote
0answers
70 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
36 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
261 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
40 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
45 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
27 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
116 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
69 views
UI (angular) Bootstrap datepicker component popup above controll
Is there a way to make the UI Bootstrap datepicker popup component appear above the controll instead of under?
1
vote
0answers
183 views
carousel not working with ui-bootstrap and meanjs
I am currently using meanjs as the framework to work on a project. I am stuck with carousel not being able to work. Basically, I kept it simple by removing the addSlide() as I only intend to display ...
1
vote
0answers
673 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
29 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
87 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
66 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
119 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
427 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
54 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
151 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
145 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
263 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 ...
