A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
6
votes
0answers
2k 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.
6
votes
0answers
863 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
410 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. ...
3
votes
0answers
55 views
Directives as class in bootstrap ui modal do not compile
I'm trying to pass a directive as a class in the windowClass field but it doesn't seem to be compiled and therefore the directive is not called.
modal:
...
$modal.open({
templateUrl: ...
3
votes
0answers
160 views
Angular Bootstrap UI carousel and Angular 1.3.15
I've been looking for a solution for this issue seems like a lot of people is asking for support to angular 1.3 in angular bootstrap seems like the issue is still open in github.
well my issue is ...
3
votes
0answers
487 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
38 views
AngularJS: Remove slide in Bootstrap Carousel
I'm using in AngularJS the Bootstrap Carousel. I deactivated the ngAnimate, using this, and the Carousel works fine, but the issue is when is removed a slide the carousels looks like this for a ...
2
votes
0answers
66 views
Getting access to a DOM element after closing Angular-Bootstrap $modal instance
I'm using Malhar Dashboard widget framework at the moment, and struggling with an issue in the close event of the Bootstrap Modal.
FYI: https://github.com/DataTorrent/malhar-angular-dashboard
...
2
votes
0answers
817 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 ...
2
votes
0answers
145 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
512 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 ...
2
votes
0answers
125 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
294 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
126 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
159 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 ...
2
votes
0answers
383 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
888 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
323 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
823 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
465 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
104 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
179 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
219 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
532 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 ...
2
votes
0answers
401 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
170 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
145 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
57 views
Form Submission in Modal Window and Refresh Content of a Tab
I have 2 tabs: list.brands and add.brand:
<script type="text/ng-template" id="list.brands">
<table class="table table-striped table-bordered bootstrap-datatable datatable dataTable" ...
1
vote
0answers
23 views
How to use star-rating jquery plugin in angular js modal?
I want to use this star-rating plugin in my project. I have some criteria on which user have to rate. So I am displaying criteria in modal window. I am using angular bootstrap ui for modal. Not ...
1
vote
0answers
22 views
how to apply different styles for angular bootstrap modals
In my application I've used angular bootstrap $modal to open a modal dialog. I've modified the styles given by the bootstrap to apply some transition to my modal dialog, but as I continue further in ...
1
vote
0answers
18 views
How to do pagination with newer versions of angular and bootstrap
I have found some links that show how to do it, but i am using angular 1.3.13, and angular-ui-bootstrap 0.13.0, and i can not display template for pagination...
here is the html:
<ul ...
1
vote
0answers
26 views
angular-ui bootstrap typeahead limit is not working
I am new to angularjs. From this web site https://angular-ui.github.io/bootstrap/ I got typeahead directive for my angularjs project but my limit and filter are not working here is my code.
When I ...
1
vote
0answers
26 views
Backdrop on child div in Angular UI Bootstrap modal
I am using Angular UI Bootstrap modal service. And I have a problem with shade, I want to place shade on different div, so that it is placed on almost full screen (I draw an example in attachment). ...
1
vote
0answers
65 views
bootstrap ui modal templateUrl not working
I've got a .cshtml view with a section for the modaldialog content.
<div data-ng-controller="paymentsOverviewAppCtrl"
ng-mvc-pseudoform
ng-form
name
class
ng-class>
...
1
vote
0answers
41 views
Bootstrap-UI Popover not showing up
I have a problem with the popover directive from Bootstrap-UI(http://angular-ui.github.io/bootstrap/)
For some reason the popover does not show up.
I have an ng-if which condition gets true if the ...
1
vote
0answers
55 views
Is it possible set minTime on Angularjs bootstrap timepicker directive
We had been using jquery ui for datepicker and timepicker for some time now. We recently started using angularjs, it allows for two way binding and it has reduced lot of code. I use the ang. bootstrap ...
1
vote
0answers
34 views
changing the calender height and width of AngularJS UI Bootstrap datepicker
I am using Angularjs UI Bootstrap datepicker (http://plnkr.co/edit/kMXeOm5ct4pPFH0ZJc8u?p=preview), which is working fine. But I need to change the height and width of the calender. Is it possible?. ...
1
vote
0answers
24 views
ui-router and bookmarkable tabs when using subviews
I'm using ui-router in my AngularJS project and I have a route configured so different templates and controllers are used for the same URL.
.state('app.communications', {
url: '/communications',
...
1
vote
0answers
121 views
Smart Table: Use Bootstrap Datetime-Picker with AngularJs as Filter
I'm using AngularJS and Smart Table to show items from Database and Filter the items by Date. I want to use a Datetimepicker (Bootsrap.UI http://angular-ui.github.io/bootstrap/)
My Problem is if I ...
1
vote
0answers
52 views
ui-angular modal windows direct location to main html google map
I need help on clicking data from modal window and show its location to main html. It works like this. on my main page there is a default map with button can popup modal windows, this modal windows ...
1
vote
0answers
78 views
Database insert Bootstrap datepicker & timepicker value wrong
I'm using Bootstrap datepicker in my application for the users to pick a date.
When I test it and pick the 30th Apr, the value I get is Thu Apr 30 2015 00:00:00 GMT+0200 (Rom, sommertid) - (I live in ...
1
vote
0answers
57 views
issue extending angular-ui-bootstrap tooltip
I'm attempting to build an extended version of the Angular UI Bootstrap tooltip although it's really more of a translation of the $modal provider into a tooltip provider
my intent is to create a ...
1
vote
0answers
55 views
How do I set the tabindex (or any other attribute) of an AngularUI Boostrap tab heading link?
I'm using AngularUI Bootstrap like this to create a tabset:
...
<tabset>
<tab heading="First Tab">
<div>First Content Here</div>
</tab>
...
1
vote
0answers
53 views
Angular ui modal form not displaying form
For studying angular js, I created an angular application for performing CRUD operation. I wanted to add modal form on my application. So when user click to add an item a modal form popups. For that I ...
1
vote
0answers
104 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
95 views
Protractor and Bootstrap autocomplete
I'm trying to use protractor to implement some end2end tests.
I'd like to simulate user interaction with the autocomplete typeaheaded control.
I can't find a way to select (click) one element from the ...
1
vote
0answers
235 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
89 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
371 views
Angularjs ui-bootstrap datepicker is not working in my application
Here is code which I am to trying to run in my application. Even I have the same versions of js and css. here is the plunker link. demo of original code, here.
//html code
<div ...
1
vote
0answers
220 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>
...
