A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
12
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.
4
votes
0answers
491 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 ...
3
votes
0answers
173 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 ...
2
votes
0answers
50 views
AngularJS/AngularUI Timepicker validation error when minimum date is changed
I am using the timepicker control with the datepicker control from AngularUI. I have a date I want to set with two timepickers for start and end time.
My problem is that when I change the date, I ...
2
votes
0answers
41 views
angular chosen multi select dynamic appending of option is not working
I am wanted to add new values on the fly to a chosen.js multiselect.
(refereed http://harvesthq.github.io/chosen/)
Multi select is working fine, but i wanted provision for the user to add the item ...
2
votes
0answers
71 views
ScrollSpy with AngularJS and Waypoint (no-framework)
We have made a ScrollSpy UI component that get's activated when it's content reaches top of screen. And once user scrolls down through Scrollspy's content, everything moves out of screen and footer ...
2
votes
0answers
75 views
UI Bootstrap Dropdown Not Working W/ TextAngular…in Firefox
I think my problem lies with the drop down button in "display." In Chrome, the drop down works as expected - i.e. shows a list of option names in the ng-repeat list. However, in Firefox, clicking the ...
2
votes
0answers
215 views
Angular-xeditable Editable (Bs3) with date and ng-repeat
I try to extend a specific example of Angular-xeditable Editable row (Bs3) adding the field "date of birth"
I've created a jsfiddle to describe the problem
http://jsfiddle.net/ffgj62q0/ (right ...
2
votes
0answers
244 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 ...
2
votes
0answers
234 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
184 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
...
1
vote
0answers
9 views
How do move focus to input within Angular-ui / bootstrap tabset container?
We are working to make our application as accessible as possible. We need to allow customers to keep their hands on the keyboard and tab all the way through the application. We are using ...
1
vote
0answers
18 views
in angular UI collapse ,Initial page load showing div as collapsed
I am trying to use a collapse model in angular UI
<div class="" ng-click="isCollapsed =!isCollapsed" ></div>
and in my controller i set the value
$scope.isCollapsed = true;
but my ...
1
vote
0answers
31 views
Pass generic resolve object to ui-bootstrap modal via modalService
I've been following this blog post about building a generic modal service. This part has gone well so far (I won't copy the service code in here). I'm trying to build a modal that contains several ...
1
vote
0answers
12 views
Client side validation for manual entry in text field of date picker
I am using angular js bootstrap datepicker. I want to validate the string entered manually in the text field of datepicker and show the string in red if invalid date. How can I perform client side ...
1
vote
0answers
79 views
Extending Scope function to Directive in Angular 1.4
I am trying to extend the angular-ui.github.io/bootstrap/ datepicker and it seems not to work.
angular.module('myApp',
[
'ui.bootstrap'
])
.config(function($provide) {
...
1
vote
0answers
55 views
typeahead-input-formatter not working when pasting the value in input
I have used angular UI Bootstrap typeahead Directive. I have id as a model value but I want to display "id + name" as a selected option once user select the option. For that I am executing formatLabel ...
1
vote
0answers
26 views
Angular UI progressbar with gradient (from 0% to 100%)
I'm attempting to use a gradient on my Angular UI progressbar using the following HTML and CSS:
<progressbar max="100" value="67"></progressbar>
.progress-bar {
background-image: ...
1
vote
0answers
50 views
Radio Buttons are not displaying properly
I'm using Bootstrap and have changed style of checkbox as:
<div class="radio">
<input type="radio" ng-model="answer" required="required"
name="answer" id="answer" ...
1
vote
0answers
29 views
Fixed Navbar header off top of screen with Cordova on iphone 5 and 6
I am developing a Cordova 5.1 app using AngularJS and Angular's Bootstrap implementation. Everything looks good in Android and even in the iPhone 4 emulator but on the emulators for iphone 5 and 6 my ...
1
vote
0answers
15 views
animations on ng-repeat within ui-bootstrap modal
I believe I have found a bug with ui-bootstrap, I reported an issue here:
https://github.com/angular-ui/bootstrap/issues/4222
Would anyone have any tips on how to write a workaround for this in the ...
1
vote
0answers
72 views
Exiting UI Router active state when dismissing modal
I'm using the Angular UI modal with UI Router. When I cancel the modal, the state does not exit. Instead, it remains active. If I delete or save the modal, the state is properly exited. Any ...
1
vote
0answers
67 views
Hide background behind modal angular ui-bootstrap
I created my modal in a factory. Almost everything works the way that I want it to. However, When I select my modal the background color does not darken behind the modal.
Angular bootstrap ...
1
vote
0answers
77 views
populate ng-bind-html from templateURL or any html template source
I have tabs controller:
$scope.tabs = [
{ template:'modules/order/views/estimates-list.html', heading: 'View Estimates', route:'default.order.info.estimates.list', active:false },
{ ...
1
vote
0answers
25 views
Fading modals in Angular
I am using the most excellent sexy Bootstrap modal for Angular, but have encountered a problem.
I am opening a new modal immediately after the sexy full-screen modal closes. However, the residue of ...
1
vote
0answers
43 views
Typeahead closes on clicking outside
I have a bootstrap typeahead which shows a dropdown list of values when I type something. The typeahead closes when I click anywhere outside of it in the document. I want the typehead to stay open ...
1
vote
0answers
47 views
$location.search() makes angular-ui-bootstrap's tooltip disappearing
When I implemented in my code mechanism to change url's query in background (using $location.search), it caused disappearing all tooltips which have option tooltip-append-to-body, at the moment of ...
1
vote
0answers
58 views
How to use Angular-UI bootstrap in JsFiddle?
Maybe a real newbie question, but anyway.
I'm working on a Angular script which I'm testing in JsFiddle. Therefore the framework is set to Angular JS 1.2.1 (the highest one available there). Within ...
1
vote
0answers
134 views
angular version 1.3.x doesn't seem to work with angular-ui-router 0.2.15
I tried working on the following plunker example which works fine with angular version 1.2.x.
But when the angular version is updated from 1.2.x to 1.3.x.
It does not seem to work.
The ...
1
vote
0answers
95 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
39 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
35 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
63 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
147 views
Angular Bootstrap Datepicker Keep Selected Date on Arrow Navigation
When you navigate from month to month using the datepicker, it makes the first day of the month active. The only active date I want, is the initial one or the one I click on like seen here ...
1
vote
0answers
138 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
67 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
325 views
AngularJS - multiple Google maps not loading
I'm developing an app (in my local machine) which displays various locations (an array that varies in size) in an accordion. I'm using the accordion and pagination directives from Angular UI Bootstrap ...
google-maps
1
vote
0answers
112 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
221 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
213 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
133 views
dynamic position custom popover based on the page height
I have my ui-bootstrap-custom-0.12.1.js for popover with default position set to "top", However if the popover is at top as default I cannot view my content in popover. Is there a way to dynamic ...
1
vote
0answers
224 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
102 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
237 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 ...
0
votes
0answers
10 views
ui boostrap typeahead directive doesn't work when wrapped in a directive and loaded dynamically
I've a directive that creates an input text element and uses ui bootstrap directive to attach typeahead functionality to the input field.
This input field is dynamically appended to one of the field ...
0
votes
0answers
14 views
Many AngularUI Datepicker making page performance low
I am working with AngularUI Datepicker.I have seprate partial views each having ng-repeat .There I am using AngularUI-Bootstrap-Datepickers and it is making page load really slow.
I followed this ...
0
votes
0answers
9 views
How to show HTML formatted content in Tooltip? (UI Calendar)
I'm trying to display content on multiple lines in the tooltip of calendar entry for UI Calendar and it is not working.
Here is the code
$scope.onEventRender = function(event, element, view) {
...
0
votes
0answers
22 views
UI Bootstrap / Hide disabled years in datepicker
Is it possible to hide years that you can disable of using min-date and max-date attributes ?
JS:
var app = angular.module('pqrs', ['ui.bootstrap', 'ui.bootstrap.datepicker', ...
0
votes
0answers
25 views
Bootstrap UI Pagination - current page is set to zero when DOM is loaded
I am using Bootstrap UI Pagination to paginate search results page and also want to store query, current page and page size in URL so it can be shared by users:
...
0
votes
0answers
24 views
angular modal doesn't show up, but background is blurred
I can't make the modal to show up.
I looked at similar posts on the internet, but sadly none of them could help me to solve my problem.
r-Service
'use strict';
...
