A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
1
vote
3answers
4k views
Is it possible to make Angular.ui Bootstrap Dropdown drop UP?
I'm using angular ui.bootstrap and I've had success creating a simple drop down menu, but when you put the menu at the bottom of the page, it goes off the page. Is there a way to make it open in the ...
0
votes
0answers
18 views
Boostrap on tab click keep the first tab contents constant and show some extra fields
I have started learning bootstrap to use it in my project . I have ran into a situation where . I would like to keep the contents of first default tab always available(the tab is always fixed). When ...
-1
votes
0answers
31 views
How fix a multi-dropdown menu?
i did this example, just copied and use it, but is not working. i'm using angularJS 2 and bootstrap. I don't know what's is going on cuz made that weird effect, all that white part is clickable i dont ...
0
votes
0answers
26 views
to set checked values uncheck
I have a dropdown:-
<select class="select" id="select" multiple="multiple" ng-model="a.NA">
<option value="1">1</option>
<optgroup label="group">
<option value="2">...
-2
votes
1answer
36 views
Which Angular2 Bootstrap is the “official” one?
I am developing an Angular2 app with NG Bootstrap at https://github.com/ng-bootstrap/ng-bootstrap, and current version is 1.0.0-alpha.20, available through npm.
And I had come across https://www....
1
vote
1answer
27 views
Angular Nested Filters & Infinite $digest Loop
I (like so many others) have run into an issue with the infinite $digest loop. After reading many SO Q&As and spending plenty of time in AngularJS documentation I am still not certain how to build ...
-1
votes
3answers
25 views
angular-ui-bootstrap Tabs
Im new to ui-bootstrap. actually im trying to use some components as tabs to make a menu for my app. My solution is unfortunately not working. Who can please help.
Here is my code.
angular....
0
votes
0answers
15 views
Pie chart displaying in only on first loading of chrome in angular js
Then it shows an error
Uncaught TypeError: Cannot read property 'series' of null
Uncaught TypeError: Cannot read property 'grid' of null
0
votes
0answers
18 views
Creating Sidebar using AngularJS and Bootstrap in CodeIgniter [on hold]
I'm new to AngularJS and CodeIgniter. Can anyone help me on creating a simple side nav bar that is fixed and on click of the link loads a form. Please help
0
votes
1answer
23 views
Bootstrap tooltip with input type range
I am trying to use bootstrap tooltip with a range input. I can see the value getting updated but the tooltip as such is not visible on the screen.
This makes me wonder if tooltip is compatible with ...
0
votes
1answer
30 views
How to isolate javascript and css of a popup from the parent page?
Problem: when I open a modal popup page containing javascript and css, both reflects on the parent page, making a mess. I use angularjs and open the modal like this:
var modalInstance = $modal.open({
...
0
votes
0answers
9 views
uib bootstrap carousel controlling active slide with indicators, LR controls and thumbnail click
I having an issue with the controlling the active slide outside of the carousel controls.
When the page loads I can click the thumbnails and it changes the active carousel slide like I expect but if ...
-1
votes
0answers
13 views
How to inline edit table in angular material?
Hi everyone this is quite an emergency, I need to inline edit a table i.e., to edit a table row in between. I have a table populated with data and each row has an button named Edit at the end. When I ...
0
votes
0answers
17 views
AngularJS confirmation modal custom action on No/Cancel button
https://weblogs.asp.net/dwahlin/building-an-angularjs-modal-service
I am using the above blog post as a guide to build the confirmation modal service in my Angular app. If I may ask, does anyone know ...
1
vote
2answers
264 views
Html 5 -date picker open and close in event trigger
I want to click the image icon to open the calender pop for html5. I am using angularjs. Its version issue for ui-bootstrap-tpls. Some one please help me as soon as possible.
<!doctype html>
&...
2
votes
4answers
102 views
Set Angular UI Modal height and width programmatically
In this plunk I have an Angular UI modal that has a related class the-modal to set the height and the width, they are initially set at 300px and 500px respectively.
What I need is to set the height ...
0
votes
2answers
24 views
Angular 1.5.9 Components: Functions fired when component is loaded
I am new to using the 1.5 components and I am not sure if what's happening is how components work or if I've just done something wrong. I have created the following component:
angular.module('app')
....
1
vote
2answers
36 views
Toggle buttons when click out of popover and button
Code here: https://plnkr.co/edit/ysD1JN0ELqu7ACgkkp79?p=preview
I have two buttons. One is "State1" and another is "State2".
In the beginning, it is in "State2" button. Then I click "State2" button,...
0
votes
0answers
16 views
How obtain a {object} from a $uibModal in Angular Meteor?
I dont know how obtain a object in a $uibModal (ui-bootstrap) in Angular Meteor.
Something can help me say me what are I doing bad?
Next my js which call the modal to obtain the object:
class Sales {
...
1
vote
4answers
13k views
How to disable angular-ui bootstrap tabs?
I'm trying to create a multi step form in angularjs and angularjs bootstrap.
I have the following html code, buttons on each step that validate current tab and move to the next. What I'm looking for ...
2
votes
1answer
648 views
Show tooltip only when the text is truncated in angular UI bootstrap directive
I want to show angular UI bootsrap tooltip only when the text is truncated.
I tried the below code with custom directive
<div tooltip="{{value}}" tooltip-append-to-body="true" enable-truncate-...
0
votes
0answers
17 views
Cursor outside focused input field in angular-ui-bootstrap modal on open
I have a issue with angular-ui-bootstrap. When a got a input field that have focus on open, the cursor is outside the input field. This only happens in Internet Explorer.(at least IE11)
I have tried ...
0
votes
0answers
12 views
Uib-Timepicker bootstrap not working properly after minification
Time Picker in the bottom right corner of the image is having bug after minifying the uib-timepicker directive.
The arrows used in increasing and decreasing time lapse are broken.
https://i.stack....
0
votes
0answers
15 views
Angular-bootstrap-ui: ctrl.config is undefined error
I'm getting this error in my AngularJS application (in fact console outputs few copies of it):
Error: ctrl.config is undefined
.create/$scope.getText@file:///home/robert/programming/rekrutacja/...
0
votes
0answers
34 views
bootstrap modal behaviour on mobile phone keyboard popup
i have problem with angular strap aside OR bootstrap modal while using mobile phone.
When i click on input box, keyboard popups and overlaps with input box, instead of scrolling up.
image before ...
20
votes
5answers
42k views
Create a simple Bootstrap Yes/No confirmation or just notification alert in Angular
It's so simple in a non-Angular environment. Just html and a two line of js code to show a modal confirmation dialog on the screen.
Now I am developting an AngularJS project in which I am using ui-...
0
votes
2answers
22 views
$rootScope in callback is not working correctly
I have a simple app with firebase. To firebase database I save some data, and after saving I want to show alert window to user with response that "everythig is great" or "bad". For alert window I ...
firebase
1
vote
0answers
15 views
Kaltuar ad not clickable on iOS in fullscreen
I'm developing an AngularJS SPA which displays videos hosted on Kaltura via dynamic embed:
window.kWidget.embed({
"targetId": kalturaContainerId,
"wid": "_"+$scope....
0
votes
2answers
21 views
How to set tabindex for ui-timepicker (angular bootsrap)?
Is there is a possibility to modify the tabindex of the arrows and set it to -1 (tabindex = "- 1")
Here is an example : http://angular-ui.github.io/bootstrap/versioned-docs/0.14.1/#/timepicker
1
vote
2answers
69 views
How to display navigation and footer in every page in Angularjs?
I'm making a SPA. I want to make a separate component for Navigation, Section, and footer. Navigation and footer must display for every page when I go to Home or About page, only the Section should ...
0
votes
0answers
26 views
How to add Bootstrap to Angular JS project?
I use Angular 2 Boilerplate. Now I have the standart structure app with app.component.js.I tried to add Bootstrap CSS file in index.html.
It works.
But how can I add bootstrap styles in app ...
0
votes
1answer
171 views
Google Recaptcha not working on ui bootstrap modal
Here's my HTML:
I added comments on my HTML where I added the captcha element.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular....
1
vote
1answer
19 views
Angular UI Bootstrap datepicker is hidden within uigrid
I am integrating Angular UI Bootstrap datepicker within ui-grid, but i am facing an issue. When the user opens the datepicker by clicking a cell the datepicker is displayed but within ui-grid because ...
0
votes
1answer
33 views
Angular UI Boostrap dropdown does not open with [is-open] and [append-to] attributes
I want to use the bootstrap dropdown from the angular ui lib.
I'm getting an issue when I append the dropdown to another DOM element with dropdown-append-to (even dropdown-append-to-body is not ...
0
votes
1answer
23 views
Angular datepicker bootstrap with responsive table
I'm using angular bootstrap https://angular-ui.github.io/bootstrap/ with class table-responsive. The problem is on the datepicker will display inside the table such as picture below:
I could fix it ...
0
votes
3answers
25 views
Typeahead with AngularJS
I'm trying to add autocomlete by typeahead to my project, but now it shows in the Dropdown [object Object]. Where am I wrong?
$scope.getUsers = function () {
$scope.searchRequest = "/...
1
vote
2answers
215 views
Unknown provider: $animateCssProvider <- $animateCss <- $uibModalStack <- $uibModal
If I update my angular version to higher version I am sure it will work, but I am more depended on 1.3.20 version of angular.
I tried angular-bootstrap version from 1.1 to the latest, nothing works ...
1
vote
1answer
27 views
Strange behavior when using Angular UI tabs
In this plunk the user should be able to click on one of three links. Each link has a related div that is shown when the user clicks on the link. Also, when the link is clicked its color turns red.
...
0
votes
0answers
16 views
How do I insert line breaks into the tooltips displayed by uiCalendar?
The eventRender function accepts the tooltip text:
$scope.eventRender = function(event, element, view) {
element.attr({
'tooltip': event.description,
...
1
vote
1answer
26 views
Angular ui-select multiple hide selected
Is it possible to hide some SELECTED items in ng-select multiple select?
I create event with multiple users, including myself. I want to keep myself on the list in model but I don't want to display ...
2
votes
0answers
99 views
AngularJs pagination
I want to make pagination so I follow this SO thread(mostvoted answer) and also this plunker but my pagination not working perfect so I tested the original plunker and problem is also there [to see ...
0
votes
0answers
118 views
Formatting month in uppercase with Angular UI Bootstrap Datepicker Popup
I'm using UI Bootstrap Datepicker Popup to display a calendar for user to select a date.
I want the user to be able to select a date using the calendar or to enter a date manually.
By convention, ...
-2
votes
0answers
21 views
Bootstrap UI Carousel
Hey,
I'm usually a wordpress developer but I'm on a internship and I got this task to create this hard coded website with angularjs and bootstrap. So I figured that I should use Bootstrap UI. I'm ...
0
votes
2answers
45 views
Angular UI bootstrap typeahead, ng-model changing from object to string
I have a problem with UI bootstrap Typeahead. Here is plnkr, and explaination is below.
http://plnkr.co/edit/lvy1Xu13xfFBjHbIY68H?p=preview
I would like to be able to select one state from the ...
0
votes
0answers
5 views
Overlapping divs inside card-block
I want to make a 'upload profile picture' element as that we see in facebook. In the below pasted img we can see that the upload picture div is coming below the image. I want it to overlap the image ...
0
votes
1answer
14 views
UI Bootstrap Modal don't close. AngularJS
I was looking for this question on forum and the solution dosn't worked for me, so...
The only way to close the modal is clicking outside of modal, or press ESC on keyboard..
Here is my modal ...
0
votes
1answer
156 views
How to toggle bootstrap collapse from angularjs
I am trying to toggle bootstrap collapse programmatically which is
<div class="panel-heading" role="tab" id="headingStores">
<h4 class="panel-title">
...
0
votes
0answers
6 views
Documentation for angular-bootstrap v0.6.0 (datepicker)
I am looking for the Documentation for angular-bootstrap v0.6.0 (datepicker)
Is it still available, and where could be found ?
0
votes
0answers
25 views
Why doesn't uib-tooltip on a div wrapping a disabled input work?
I used an angular ui-bootstrap tooltip on a div that wrapped an input so that the tooltip could display if the button was disabled. In ui-bootstrap 0.14.3 this worked, but ui-bootstrap version 1.3.2 ...
1
vote
1answer
36 views
AngularJS - Closing the modal
I want a close button, the x at the top right corner, and click outside the modal to close the modal window.
Here I created the button to open the modal: (rollup.html)
<li style="float: ...
