A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
12 views
Datepicker right arrow not working
I created a datepicker using bootstrap-ui. The issue that I am having is that the right arrow on it is always disabled no matter what I do. This means that if I go to the year option and click left, ...
15
votes
2answers
3k 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
4answers
14k views
opening a modal in a route in AngularJS with angular-ui-bootstrap
I am trying to do what was essentially answered here Unable to open bootstrap modal window as a route
Yet my solution just will not work. I get an error
Error: [$injector:unpr] Unknown provider: ...
0
votes
1answer
14 views
uib-datepicker dinamic min-date angularjs
I have a simple code, 2 dates with uib-datepicker-popup:
<div>
<p class="input-group">
<input type="date" class="form-control" uib-datepicker-popup ...
0
votes
2answers
18 views
AngularJS Typeahead expression syntax
I was trying to find the AngularJS Typeahead expression syntax (its pretty similar to other angular loop expressions like repeat)
but I couldn't find the whole thing in one place, so I gather ...
1
vote
1answer
182 views
How to configure Angular UI bootstrap directives globally
How can I configure the bootstrap datepicker using uibDatepickerConfig globally? The documentation just says the following:
All settings can be provided as attributes in the uib-datepicker or ...
39
votes
8answers
52k views
Angular bootsrap datepicker date format does not format ng-model value
I am using bootstrap date-picker in my angular application. However when I select a date from that date-picker underlying ng-model that I have bind gets updated I want that ng-model in one date format ...
0
votes
0answers
24 views
Reuse Angular Controller for Modal and Non-Modal
How would I go about reusing an angular controller for the purposes of a modal as well as a non-modal? I have a new business requirement to have the same form that exists already in a modal (just the ...
27
votes
7answers
31k views
How do I create an AngularJS UI bootstrap popover with HTML content?
I want to create a bootstrap popover with a pre tag containing a prettified JSON object. The naive implementation,
<span popover='<pre>{[ some_obj | json:" " ]}</pre>'
...
1
vote
1answer
6 views
access scope of modalInstance returned by ui-bootstrap $modal.open()
For a test, I want to create a modal instance, then access it's scope, using something like the following pseudo-codeL
var modalInstance = $modal.open({ ... })
var scope = modalInstance.getScope()
...
0
votes
0answers
16 views
Angular Ui bootstrap dropdown split-button issue with table
I have an angular app , and have integrated angular-ui-bootstrap , my issue is that the dropdown links are are being blocked by table row , using z-index :
<div class="panel panel-default">
...
0
votes
1answer
16 views
Testing UI-bootstrap-alert with protractor
I am trying to use protractor to test that my alerts are displayed correctly. Here is one of my spec files.
the HTML Code looks like
<div class="alert ng-scope floater bottom left ...
0
votes
2answers
22 views
Angular Bootstrap UI: Input Fields in Tab-Heading
Again I got a Problem with Angular Bootstrap UI Tabs.
Short description of my problem:
I want the user to create different pages with different titles. After a page is created, I create a new tab with ...
-1
votes
1answer
33 views
AngularJS: UI Bootstrap Popover Placement 'bottom-right'
I am using UI Bootstrap and AngularJS, and I want to have popover with placement 'bottom-right', instead of the normal 'bottom' or 'right'. The picture below shows how I would like it work.
Anybody ...
0
votes
0answers
55 views
bootstrap function not working on dynamic ui-view components
I faced a problem with ui-view, I tried to segregate the header,footer and the contents of a page.
For login page I show only the content, for the home page I show all the parts.
Within the home ...
0
votes
1answer
27 views
Angular UI modalinstance pass data to view
Id like to pass data from 1 view (master view ) to modal view using angular ui bootstrap plugin , below is my code which doesn't seem to work :
master view
vm.receipt_id = "1234"
<button ...
0
votes
2answers
441 views
UI Datepicker not opening
I am very new with UI Bootstrap for AngularJS. I am trying to use the datepicker but it does not open.
Here is a plunker
Scripts:
<script ...
4
votes
3answers
1k views
Using Angular Bootstrap datepicker inside of ui-grid (unstable 3.0.0)
I am using AngularJS Bootstrap datepicker inside of the ui-grid (3.0.0 - unstable)
I have implemented the datepicker through the custom cellTemplate (ui-grid):
{
field: 'Wiedervorl',
...
0
votes
1answer
20 views
Angular Bootstrap modal is loading whole page into the modal (13.0)
I'm following the documentation for Bootstrap AngularJS 13.0
I not allowed to update bootstrap (for various reasons).
I've copied the documentation almost exactly but I'm getting the following ...
2
votes
2answers
2k views
ui bootstrap datepicker inside an accordion is not visible
I am trying to do a module with a datepicker inside an accordion.
problem is the datepicker popup box is not visible over the accordion.
here is a plunker showing the problem :
...
0
votes
3answers
38 views
angular-ui bootstap tab select function on click
Am trying to call an expression function on tab select using angular ui bootstrap , however the expression is not being called but checking on angular inspector the function /expression exists : below ...
0
votes
0answers
14 views
Hiding Nav bar from Angularjs logging page
I'm working on one of my first projects in AngularJS. On a few of my pages (landing, login, and registration) I don't want the navbar to show. but I want the navbar to show on all my other views. What ...
4
votes
2answers
4k views
Angular UI bootstrap: Type ahead select multiple
I am using angular UI bootstrap type-ahead directive for type-ahead in a form
http://angular-ui.github.io/bootstrap/
I am fetching the records from remote server via $http service. It is working ...
1
vote
0answers
25 views
Angular uib-popover displays in wrong position when set on overflowed text
I have a working example of my issue here:
http://plnkr.co/edit/vwZS5e?p=preview
Here's the problem span:
<div class="test-container">
<span uib-popover="Test"
...
1
vote
0answers
11 views
ng-pageslider when using ps-container
I've implemented the ng-pageslide directive in my project. It works great in Chrome when I allow its default behavior and allow it to attach to the body tag. However, it causes layout issues in ...
1
vote
1answer
37 views
Submit when I press enter issue, html form [duplicate]
I made a simple form in html with angular and bootstrap. My problem is that when I press enter in an input, it calls my submit method from ng-click.
<form id="detaliiCursa" ...
0
votes
1answer
32 views
Angular js open modal on tab select
Id like to open a modal on tab select am using UI Bootstrap plugin components , everything seem to work ie the tabs open but , the modal page does not seem to be called on selecting the last tab , ...
0
votes
0answers
20 views
Javascript Angular and UiBootstrap - templateUrl
I have followed a book tutorial (Getting Mean by Simon Holmes) and have the following, which works:
var ratingStars = function () {
return {
scope: {
thisRating : '=rating'
},
...
1
vote
1answer
43 views
Ui-grid disappears in angular-ui-tab
I've ui-grids in angular-ui-tabs, they are inside an ng-if to avoid rendering issues. If there is more data and the grid goes into scrolling mode, the data disappears completely when clicking the ...
0
votes
0answers
39 views
AngularJS databinding with 2 different GET functions
My problem is as follows:
this is my html code for how I show my dropdown menu:
<a href="#" class="dropdown-toggle" data-toggle="dropdown" ng-click="getExercise()">Semester 1<b ...
2
votes
2answers
520 views
ui.bootstrap- directrive with uib-popover-html doesn't work
I am trying to create a directive with popover.
I want to use ui.bootstrap for this. Unfortunately it doesn't display anything.
Here is the plunker with example.
<div>
Popover uib ...
13
votes
5answers
7k views
Hide Angular UI Bootstrap popover when clicking outside of it
I am trying to manually close a bootstrap popover to get it to close when I click anywhere on the document or body that isn't the popover.
The closest thing I have found to accomplishing this is to ...
4
votes
1answer
1k views
UI Bootstrap dropdown directive causes multidir issue
Hi I'm trying to get the dropdown directive from UI Bootstrap to work. Whenever I try to use the 'dropdown' directive, I get this error message:
Console error msg:
Multiple directives [dropdown, ...
0
votes
1answer
24 views
how to customize modal width in angular UI bootstrap
so far to cutomize modal width i have done this
var modalInstance = $modal.open({
animation: $scope.animationsEnabled,
templateUrl: 'AddProtocolElement',
controller: ...
0
votes
0answers
8 views
Mobile App. with Bootstrap UI [on hold]
i'am having some trouble to implement a mobile version of my little app. Can anybody provides some informations about how to do it with less overhead? I've got a JavaEE 7 App. using jsf, jpa stuff. ...
2
votes
2answers
48 views
How to Redraw Tables using Angular UI Tabs and UI Grid?
I'm trying to migrate from jQuery Data Tables to Angular UI. My app uses the MySQL World schema and displays the data in 3 different tables. In jQuery, I'd 3 different pages, each launched from a home ...
36
votes
5answers
23k views
How to have at least two datepickers of ui-bootstrap on a single page?
I want to have several datepickers on a page. But with the default solution from UI-Bootstrap it is not possible, no one of datepickers may be opened. The conflict with each other. Here is my code:
...
2
votes
1answer
25 views
Tree View with AngularJS and Bootstrap
I'm trying out to write code for web application. I've set of path in list variable,
a = {"c:\windows\1.html","c:\Program Files\le.txt","c:\Program Files\file\File.txt"}
How can display this ...
0
votes
1answer
25 views
Update textarea rows via Angularjs
I want to adjust the number of rows in a textArea on focus on remove them on blur. In addition upon focus I want to show a hidden div layer. My current solution is
<textarea class="form-control" ...
0
votes
1answer
16 views
UI Bootstrap Popover With Template Moving/Jumping When Mouse Moves
I've created a UI Bootstrap popover for sharing content to different social networking sites. It uses a template.
After clicking the 'share' icon, the popover opens. However, it opens well to the ...
2
votes
3answers
9k views
AngularJs BootstrapUI Datepicker validation
I need to validate the date of the datepicker and also limit the years (avoid 15-05-9999 for example).
This is my HTML code:
<p class="input-group">
<input ...
2
votes
0answers
40 views
calling a function when AngularUI Bootstrap modal has been dismissed and animation has finished executing
I'm using the Angular UI bootstrap modal and I ran into a bit of a problem.
I want to call a function when the bootstrap modal dismiss animation is finished. The code block below will call the ...
0
votes
1answer
25 views
How to get Bootstrap Calendar Default look using Angular Bootstrap
How to get Bootstrap default datepicker look and feel using Angular UI Bootstrap
Angular UI Bootstrap calendar view :
http://plnkr.co/edit/?p=previewenter code here
What I want :
...
0
votes
3answers
391 views
Angular ui-bootstrap typeahead suggestion - scroll
According to this link :
up/down arrow key issue with typeahead control (angular bootstrap UI)
i have added these line in my js:
.directive('shouldFocus', function(){
return {
restrict: 'A',
...
0
votes
0answers
26 views
how do i display byte array(html/pdf file) returned from DB in angular modal window(ui-bootstrap)?
i have hyperlink in my ui grid where user can click to send request to server and server will return html/pdf file as byte array to UI. Here, i have to display that byte array in modal window using ...
0
votes
1answer
24 views
Angular ng-messages require error inside UI Bootstrap modal
Im trying to use ng-messages for UI validation feedback inside a UI Bootstrap modal. (http://angular-ui.github.io/bootstrap/#/modal).
Every time the modal is opened I get this error.
...
0
votes
1answer
75 views
uib-pagination NOT working Angularjs
EDIT!
added more code snippets and plunker updated (AGAIN)
Still pretty new to Angular and coding in general.
I've tried and tried to instantiate the UI Pagination from the Angular Directives ...
1
vote
2answers
97 views
Strange behaviour of angular bootstrap collapse
I faced with strange behaviour of uib-collapse.
Let's assume I have a list of elements and i want each of them to be collapsed. Also i want to refresh its content periodically depend on something.
...
0
votes
1answer
34 views
Angular-ui-bootstrap datepicker is setting default calendar date to December 31 1969 when using with ng-required
I have a form where I have a conditionally required datepicker element. I can not initiate this element with any value as the user has to enter it. Datepicker format is dd/mm/yyyy. Issue is that it ...
0
votes
1answer
30 views
AngularJS / ui-bootstrap.modal: Obtain directive element's dimensions after modal open
I'm slowly getting the hang of AngularJS - but struggling!
I have got some working directives for figures drawn using d3.js. I am trying to implement a "pop-out in a fullscreen modal / lightbox" ...
