A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
5
votes
0answers
503 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
344 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.
2
votes
0answers
29 views
Text input box not accepting input in modal from Angular UI Bootstrap
I have a modal (nbr 1) that I open from another modal (nbr 2). The modal nbr 1 works fine and is showing the things it should. But I tried to put an input to filter items in the modal, but the input ...
2
votes
0answers
285 views
Memory leak with angularJS and jQuery / angular bootstrap
I have a ng-repeat list that updates every minute. Its a list of cards that contains stuff like title, description, dates and so on.
In those cards there's also a angular-ui-bootstrap popover which i ...
2
votes
0answers
259 views
Getting module Injection error with Angularjs ui-bootstrap
I want to use Angularjs Bootstrap UI in my application.after angular.js reference i include these files in my index pages :
and in my application app.js include this line :
var ap = ...
2
votes
0answers
220 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
214 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
2k views
AngularJS Jasmine Test Fails: Failed to instantiate module
My angular app worked great and so did my tests, using karma and jasmine, until I added a dependency in ui.bootstrap. Now the app still works as expected, but I can't get my tests to run. This is what ...
2
votes
0answers
87 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
2k views
Show Twitter Bootstrap tooltip on focus when an angular input has an error
This example is taken from angularjs's docs
<form name="myForm" ng-controller="Ctrl">
userType: <input name="input" ng-model="userType" required>
<span class="error" ...
1
vote
0answers
11 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
25 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
30 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
40 views
How to Modularize AngularJS app(folder structure)?
assume i am going to strart new angularjs app with 3 modules
1.login
2.payment
3.enquiry
i want to load payment module with login details similarly for enquiry . how can we achive this
i will have ...
1
vote
0answers
18 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
50 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" ...
1
vote
0answers
50 views
AngularJS : UI Bootstrap Tabs and Jquery Custom ScrollBar
In my view, I have 2 tabs generated by the UI-Bootstrap Tabs directive.
The tabs have fixed heights and "overflow-y: auto;", and receive variable content.
I'm trying to apply some nice scroolbars ...
1
vote
0answers
83 views
Angular UI Bootstrap responsive tab collapse
I want to make a sidebar have all of it's content displayed while on a pc (=>sm) and have it tabbed while on a phone (
Effectively hiding all of the tab controls and just display all of the tabs as ...
1
vote
0answers
35 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
22 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
86 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: ...
1
vote
0answers
67 views
Tab select event is triggered when I am navigating away
I am using the Tab directive and the select expression to trigger a method when the tab is loaded. But the event is also triggered when I am navigating away from the site. How can I avoid this?
I ...
1
vote
0answers
104 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 ...
1
vote
0answers
84 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
114 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 ...
1
vote
0answers
68 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
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 ...
1
vote
0answers
136 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. ...
1
vote
0answers
205 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
41 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
95 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
30 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
30 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 ...
1
vote
0answers
109 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 ...
1
vote
0answers
107 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 ...
1
vote
0answers
235 views
angular-strap's Aside module with angularUI-bootstrap
Are there any examples for implementing angular-strap's Aside module with angular-ui-bootstrap?
1
vote
0answers
38 views
AngularJS: Adding other directives via directive
I'm trying to create a simple pop-up indicator for when a form input has an invalid value.
Right now, I have a service which handles setting the form values to invalid based upon the results of a ...
1
vote
0answers
234 views
Directive inside $modal window throws “undefined is not a function”
Using ui-bootstrap I have a really simple custom directive that lists alerts at the top of the page. On normal pages it works like a champ. When I use my directive inside a $modal popup I get ...
1
vote
0answers
64 views
making angular 1.2.13 work with angular-ui
I have the following plunker http://plnkr.co/edit/OGwS47cMJgkjxCliAfku?p=preview and I just can't manage to make typeahead work with angular 1.2.13 and angular-ui.
Also in my script I get Error: ...
1
vote
0answers
263 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 ...
1
vote
0answers
176 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?
1
vote
0answers
87 views
How to get the active status of nested Angular UI Bootstrap tabs
In my code I'm using a service (ngResource) to get data dynamically from the server API to create a series of nested tabs.
My code is loosely like this:
var AdminMenu = angular.module('AdminMenu', ...
1
vote
0answers
790 views
angularjs: ui bootstrap modal dialog without template
i have implemented blueimp file uploading with angular-ui-bootstrap .
$modal.open({
templateUrl: '/Scripts/app/upload-panel/upload-panel.html',
controller: function ...
1
vote
0answers
149 views
repeat inside dynamic popover - angularjs and ui-bootstrap
I'm trying to show the user a list of items inside of a popover that is all inside an ng-repeat. I'm using angularjs as well as the ui-bootstrap package (http://angular-ui.github.io/bootstrap/).
...
1
vote
0answers
146 views
How to fix “App Already Bootstrapped with this Element”?
I just upgraded the Angular to 1.2.8.
I am initializing and opening a model from GWT using $wnd.angular.bootstrap($doc, ['fmEventLogApp']);
After closing the model, when I try to open the model ...
1
vote
0answers
266 views
How to set prevous-text and next-text attribute as HTML template in angular-ui bootstrap pagination directive
I'm going to use http://angular-ui.github.io/bootstrap/#pagination
I need to set 'previous', 'next' indicators as html.
something like:
<pagination
previous-text="'<span class="glyphicon ...
1
vote
0answers
125 views
Content of bootstrap popover doesn't fit its shape (Android)
In my web application I use popovers (from ui-bootstrap). Everything works correctly, but I noticed some problems on Android. The problem is that text (content) of popover doesn't fit its shape. Text ...
android
1
vote
0answers
103 views
How do I open a bootstrap popover from a controller
I am stuck on where to start here. I want to open popovers from the angular controller when something happens.
For example, let's say the user has selected 30 checkboxes, I want to open a popover ...
1
vote
0answers
124 views
AngularJS BooutstrapUI Typeahead with dynamic data
I'd like to find the way to pass to the Angular UI typeahead dynamic data.
The problem is that when I've got the data the popup doesn't appear.
So, is there any method to open the typeahead popup ...
1
vote
0answers
110 views
Implementing read only accordion using Angular-Bootstrap UI
I'm trying to implement an Angular Bootsrap-UI accordion that would not allow the user to click to open the accordion.
How do I disable user access? I'll be controlling the opening and closing ...
