A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
5
votes
1answer
131 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 ...
0
votes
1answer
18 views
How can I combine two JSON feeds into Angular Bootstrap UI typeahead?
Using Angular and Angular UI Bootstrap I need to combine results from 2 feeds into a single typeahead dropdown. I will combine results from the Google places JSON feed with results from my ...
0
votes
1answer
21 views
Limiting the number of ngrepeat to 10 but it shows all 40 items at once
<html>
<head>
<script src=jquery.js></script>
<script src=bootstrap.js></script>
<script src=angular.js></script>
<script ...
0
votes
1answer
17 views
Dynamic and static width components inside a dynamic div
I have a div which has a dynamic width (using percentage size). Inside this I have two buttons, and here comes the issue, I have to make this two buttons have the same length of the container.
So ...
1
vote
2answers
38 views
including angular bootstrap ui on angular 1.3.0 project
I am using angular.js version 1.3.0 and have the included the angular bootstrap ui in the index.html as below:
<script src="lib/onsen/js/angular/angular.js"></script>
<script ...
0
votes
1answer
141 views
ui.bootstrap not loading despite load order and dependency declaration being correct
I have ui.bootstrap loaded in my index.html, but it's triggering an error in the console and preventing the rest of my app from loading. All of the urls are returning the proper file. I've tried ...
1
vote
1answer
38 views
Angular/Bootstrap Datepicker
I'm using AngularJS with UI Bootstrap at the moment, and i've bound the lovely looking 'UI-Bootstrap-DatePicker' to each row of my table, problem is; when i click, it opens an instance of the ...
0
votes
1answer
15 views
Angular-ui-bootstrap.d.ts is a TypeScript analog for angular-ui.github.io/bootstrap?
Does anybody know is angular-ui-bootstrap.d.ts an analog for UI Bootstrap?
Does it fully covers ui bootstrap functionality? I tried to use TS $modal and seems that sometimes it works differently ...
3
votes
1answer
347 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:
...
1
vote
0answers
25 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 ...
0
votes
1answer
19 views
Using Font Awesome in ui.bootstrap.rating
How can I use Font Awesome in ui.bootstrap.rating?
I found out, that when I add state-on="'fa-star'" state-off="'fa-star-o'" to and changed class="glyphicon" to class="fa" in ui-bootstrap-tpls it ...
26
votes
3answers
9k views
AngularJS UI Bootstrap mocking $modal in unit test
I'm writing a unit test for a controller that fires up a $modal and uses the promise returned to execute some logic. I can test the parent controller that fires the $modal, but I can't for the life of ...
0
votes
1answer
14 views
Catch event of backdrop click on AngularJS modal window
I create a modal window
var modalInstance = $modal.open({
templateUrl: 'template.html',
controller: app.controller,
backdrop: 'static',
resolve: {
...
0
votes
1answer
21 views
Angular JS bootstrap ui calendar issue
I am facing very strange issue with angular-ui bootstrap calendar.
Here is the sample i have created
http://plnkr.co/edit/V5UgCbfilCXX8nsube12?p=preview
The scenario is that when page land it shows ...
1
vote
2answers
282 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
1answer
27 views
Browser compatibility of angular.js and angular-ui bootstrap
I trying to decide whether I could to use angular.js (and anguar-ui-bootstrap) in my project.
The web application should work with any reasonably modern browser, I was quite surprised that the right ...
1
vote
1answer
23 views
Angular, bootstrap-ui with requirejs issues
I am trying to use bootstrap-ui on my angualr project with requirejs.
I think I have it set up correctly however it seems to having some issues - here is my setup -
require.config({
paths: {
...
1
vote
0answers
16 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
1answer
33 views
Angular + bootstrap-ui, check if current tab is already active
I am hooking a function onto a tab click to call for some data from the server. I have it firing when I click that specific tab, however I would like it get rid of the instance of someone already ...
0
votes
3answers
358 views
Angular - ui-bootstrap - datepicker - Is there a way of detecting when the month has changed?
I'd like to set the date to the 1st of the currently selected month when it's changed.
is there a way without monitoring click event on the month's buttons?
tia
Sam
1
vote
1answer
18 views
Angular ui bootstrap carousel: avoid recursion
I'm using angular ui bootstrap carousel and I'm wondering if there is a clean and reliable way to stop the recursion in the navigation. I mean, I don't want to be able to use the back arrow if I'm on ...
0
votes
1answer
23 views
Closing a modal created by angulajs ui modal service using javascript
Background:
I have a modal service used within my angularjs application. This service shows modals across my application and it works fine. Now I want to use the same modalservice to display a ...
0
votes
0answers
7 views
kendo kendorendered not fired
I have a Angular-UI modal dialog with a kendo combo box.
The first time it is opened, the event 'kendoRendered' is fired.
If the $modalInstance is closed or dismissed and then reopened, the event is ...
3
votes
1answer
19 views
angular-ui-bootstrap: disable group header after expanding
I have a requirement to disable the collapse operation on click of the angular-ui-bootstrap accordion-group. It should expand on click but not collapse if clicked again, rather it should get collapsed ...
0
votes
1answer
26 views
UI-Bootstrap - Popover/Tooltip for mobile display
I have a problem with Bootstrap-UI Tooltip/Popover-directive in mobile displays.
If the User clicks a button with a Tooltip, this Popover is shown correctly. But unfortunately this popup will not ...
0
votes
1answer
14 views
UIBootstrap Tooltip Multiple Triggers
Is it possible to extend the triggers for Tooltip from UIBootstrap to accept multiple conditions.
For example I want my tooltip to close on 'blur' and 'click'.
I have tried to pass in an array but ...
-1
votes
1answer
29 views
hide only clear button in angular js datepicker directive
I want to hide only clear button from datepicker directive in angular js.
Currently there are three buttons at the bottom of the angular js datePicker directive(Today, clear and Close), Is there any ...
4
votes
3answers
955 views
angular-ui datepicker initial state of datepicker not formatted per datepicker-popup
I'm working with an angular-ui datepicker and everything is actually working fine, with the exception of the initial state of the datepicker. AFter I pick a date, it looks fine. See below:
Initial ...
0
votes
1answer
20 views
Can't access the object properties in child page Bootstrap Tab
I've bumped into a strange situation with ui bootraps Tab that i cannot access the object properties though it shows full content correctly.
Controller fixtureLiveFormation:
$scope.statsTabs = ...
0
votes
1answer
40 views
Bootstrap UI Modal - Injecting and initializing $index for ng-repeat
Currently I have a image gallery like this:
<div class="slider">
<img ng-repeat="image in gallery" class="img-responsive" ng-swipe-right="showPrev()" ...
1
vote
2answers
433 views
Angular UI Bootstrap Respopnsive navbar Dropdown not working Properly in New Version
I just created an AngularJS project with grunt bower and Yeoman. Included Updated version to Angular 1.3.13. I want to use Angular UI bootstrap. I added Nav Bar which is responsive. But while on small ...
1
vote
2answers
935 views
How to use Angular ui.bootstrap tabs with ui.router?
Here's my initial implementation of ui.bootstrap tabs using ui.router:
<tabset>
<tab heading="Tab1" select="$state.go('home.tab1')">
<div ui-view="forTab1"></div>
...
0
votes
1answer
31 views
Doing animation with ng-show without ngAnimate
I want to do a wipe-in animation for my ng-show. Basically, I want to achieve this simple animation as shown in plunkr here.
I know that ngShow has a hook for ng-animate since angular 1.3. However, ...
0
votes
3answers
35 views
Radio button don't work with UiBootstrap
I need this time a help with this example:
DEMO
You can see that the css on example 1 goes good. When you click on the button the state of the button change (press)
On example 2 i can't do the ...
0
votes
1answer
90 views
AngularJS + Bootstrap for Angular + Material Design for Angular Together
I'm working on a project with this template http://themeforest.net/item/angulr-bootstrap-admin-web-app-with-angularjs/8437259
The template is written in AngularJs + Bootstrap-UI (bootstrap for ...
0
votes
1answer
21 views
Unable to use calc to size image in carousel
I'm hoping this is a simple answer that I'm just overlooking. I've been toying around with the ui-bootstrap carousel directive, and wanted to size it dynamically to fill the space between my header ...
1
vote
1answer
23 views
Open angular-ui-bootstrap accordion based on ID
I have an accordion:
<accordion>
<accordion-group ng-repeat="group in groups" heading="{{group.title}}" id="{{group.id}}" is-open="group.open">
<table class="table"> ...
3
votes
4answers
1k views
Angular: Routing while using Ui Bootstrap
I'm trying to build an application and am using bootstrap ui to use the accordion and the datepicker for example.
However, when I try to add routing via the ng-route module, the ui part stops ...
0
votes
1answer
45 views
UI bootstrap date picker with ng-repeate is not working
I am using angular directive for date picker from UI bootstrap. I also use ng-repeat to add multiple rows. I have added date picker code in ng-repeat. I have displayed these date pickers in bootstrap ...
0
votes
1answer
28 views
Angular UI Bootstrap Popover: trigger manually
I would like to use the Angular UI Bootstrap Popover.
The documentation states, that the trigger can be either mouseenter, click or focus. In my situation I would like to show the popover on a ...
0
votes
1answer
27 views
AngularJS Modal (angular ui bootstrap) with navigatable multiple views on same modal
I have created a website using angularJS and a menu with ng-routing. Now I need to open up a modal which has navigation paths to load different content on the same modal. How can I accomplish this ...
1
vote
5answers
5k views
Setting options to datepicker in angular-ui bootstrap
I'm trying to use datepicker component from angular-ui bootstrap lib as descibed here: http://angular-ui.github.io/bootstrap/
And I try to set options for the popup picker and accoriding to the ...
1
vote
2answers
48 views
Angjular JS - multiple input fields breaks dropdown hack on ui.bootstrap.typeahead
I'm trying to use a hack on ui.bootstrap.typeahead to add a dropdown. The hack found here. It will open a dropdown on a mouse click in the input field. I got it to work with on input field but when ...
0
votes
0answers
43 views
Calendar Pop-up is not working
The calender popup is not working and when I am using angular.module("task", ['angularSpinner','ui.bootstrap']). I am getting the error:
Error: Invalid isolate scope definition for directive ...
0
votes
0answers
22 views
How fix ui bootstrap modal window in ios then use keyboard
Use AngularJS + UI Bootstrap.
If i need use input field in modal ios virtual keyboard not show.
How fix it?
0
votes
2answers
37 views
How can we make show/hide password input in angular js with bootstrap 3?
I want to make show/hide password input in angular js with bootstrap 3, the toggle option needs to be inside the input. Can you provide a snippet or example on that. Thanks a million.
1
vote
2answers
50 views
AngularJS+Bootstrap-UI: Enable tooltip on button when button is disabled
Please see my jsfiddle code here
http://jsfiddle.net/695qtssv/2/
How can I get the button to display the tooltip while its disabled?
html
<div class="panel panel-default">
...
0
votes
1answer
30 views
Passing images to Angular UI Bootstrap Carousel
I am using the Angular UI Bootstrap carousel in a project and I would like to pass own images to this slider. This is my code for the Carousel Controller:
.controller('CarouselCtrl', function ...
3
votes
2answers
709 views
Angular UI Bootstrap datepicker in modal only working on first click
The date picker seems to be only working on the first click and then after that it won't pop up. I am guessing it has something to do with some crossed variable or function definitions, but I can't ...
0
votes
1answer
34 views
AngularJS & BootstrapUI: Switch tab by button only works once
I want the user to be able to click on a "next" button in order to jump to the next tab.
This is the affected HTML (I have actually stripped everything out and tested it, but it still only works ...
