Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
7 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
36 views
+150
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
1answer
32 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
15 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
23 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
197 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
26 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
15 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
21 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
115 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
38 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
1answer
17 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
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
11 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
152 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
4 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
23 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
34 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: ...
0
votes
1answer
78 views
AngularJS 1.6.1 form and ngInclude
Angular 1.6.1 breaks ngInclude in my project. I use ui-bootstrap 0.14 for the tabs.
<uib-tabset class="col-xs-11 " id="detailsContainer" >
<uib-tab active="$root.isFirstTabActive" ...
10
votes
5answers
19k views
Unknown provider: $uibModalInstanceProvider - Bootstrap UI modal
I have a problem with UI Bootstrap modal.
In one controller I have this:
app.controller("tableCtrl",['$scope','$http','$uibModal','$log' ,function ($scope, $http,$uibModal,$log) {
$scope.open = ...
5
votes
3answers
3k views
how to specify href parameter for angular ui-bootstrap tabs directive
I am using the angular ui-bootstrap library but i cant figure how to specify a custom href for each tabs.
<tab ng-repeat="tab in tabs" active="tab.active" heading={{tab.name}}></tab>
In ...
0
votes
1answer
16 views
Angular UI Typeahead - Using an array of Key/Value pairs
I can't seem to get typeahead to work with using key/value pairs. Since each key is different, and I want to only show the value as typeahead value.
Here is an example of an array I'm trying to use:...
0
votes
2answers
1k views
Where to put the import module in a new installation of ng-2 Bootstrap?
I'm a complete newbie attempting to setup ng2 Bootstrap (Angular2 with Bootstrap4 css) using this tutorial, so far I've installed the dependencies: Angular (requires Angular version 2 or higher, ...
0
votes
0answers
27 views
programmatically set angularjs ui-select value/Text
I have a UI-Select with Fruits in it
the dropDown has FruitID and FruitName data and when i select a choice FruitName appears as SELECTED on dropdown.
My question is if i have a FruitID available how ...
-2
votes
2answers
19 views
How to repeat json object data in angular 2?
I have json objct like below:
{
"url": null,
"status": 200,
"data": {
"ROLE": [
{
"id": 1,
"permissionName": "ADD"
},
{
"id": 2,
"...
2
votes
2answers
655 views
Angular scope variable available on html page but not controller?
I wonder if anyone could help me I have created a new directive so I can filter a dropdown list while loading data from a webServer. It all works fine, and I can write the values to the HTML page ...
4
votes
6answers
10k views
Angular-ui/bootstrap: pagination not rendered (missing styles?)
I'm new to angular-ui and playing with it. I'm trying to use the pagination directive (http://angular-ui.github.io/bootstrap/#/pagination), but it seems I'm missing some styles as I just see the ...
2
votes
2answers
43 views
Is it possible to mix injected dependencies with custom arguments in AngularJS?
I'm using UI Bootstrap's $uibModal to create a modal. I'm also using UI Router 0.2.15, so what I want is a state opening in a new modal.
This is what I have in my config function:
$stateProvider
...
0
votes
0answers
19 views
Angular Material autocomplete inside modal is broken
In Angular Material, if you scroll while using a md-autocomplete element ( or input with ng-autocomplete directive) inside a modal window then the drop-down does not stay attached to the input field.
...
-1
votes
0answers
44 views
Best way to convert UI psd Design to bootstrap [closed]
Our developers have a hard time converting UI pages designed in PSD to webpages. This results in beautiful webpages losing their charm once coded.
Is there a best practice to give specs for a UI ...
0
votes
1answer
20 views
angularjs ui grid columns and menu options issue
I am using angularjs ui grid in my application with menu options. The Total column is not appearing in the grid and also in the menu options under columns none of the grid columns are visible. Can any ...
0
votes
0answers
27 views
Bootstrap jumbotron not working
I am trying to use jumbotron in my Angular 2 sample project but its not all rendering anything .
I have used updated CDNs in index.html :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/...
0
votes
0answers
19 views
Timezone Property of ngModelOptions of Angular-Ui Bootstrap Popup DatePicker
We are using the Angular-Ui Bootstrap Popup DatePicker in our application and have been running into issues such as this where the previous day gets selected to that which was actually selected by the ...
0
votes
1answer
13 views
expand video on hover
I'm trying to get a video to expand on hover but it's not working and I'm at my wit's end.
(using Dreameaver CC 2015 w/ bootstrap)
$("#wd1").mouseenter(function() {
vid = document....
0
votes
1answer
20 views
Mantain style of modal with ui.bootstrap modals
I'm using a Bootstrap modal to show details of selected items.
I have a snippet of my modal window that i want to make appear.
If i use it as a modal template I have issues with the style.
But if I ...
6
votes
3answers
13k views
AngularUI Datepicker dynamic date disabling
I am using the AngularUI datepicker.
I have two datepickers that influence each other. One is for example a "start date" and the other is an "end date". Instead of creating validation for both ...
0
votes
0answers
50 views
How to create nested array for object?
I am trying to make "Diagrams" parent under all folders will be children , i have to display Diagrams text as a first folder for tree list so user can expand and collapse ? Its not showing tree with ...
0
votes
1answer
32 views
Add id to ng-template with Angular Bootstrap accordion
I'm having trouble adding dynamic id to the heading template. I tried including an id="{{group.title}}" but it doesn't work. Any help or suggestion would be great!
<div ng-controller="...
0
votes
1answer
49 views
bootstrap not working in Angular2
I was trying to use some bootstrap classes in my angular2 app but something is going wrong and bootstrap is not working.
I have installed bootstrap using the below command.
npm install [email protected]....
1
vote
1answer
17 views
Pass selected language from uib-dropdown language selector to $scope
I have next html template where user could select language:
<div class="btn-group" uib-dropdown>
<button type="button" class="btn btn-default dropdown-toggle" data-...
1
vote
1answer
39 views
Refresh the pagination after filtering
I have implemented a pagination and a filter based on a criteria function: JSBin:
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<link data-require="[email protected]" data-...
0
votes
0answers
15 views
Chrome freezes when closing a $uibModal instance
Hej
When testing one of the modal windows on https://angular-ui.github.io/bootstrap/#/modal my chrome browser freezes for about 50 seconds after I close the modal. For this time I can not do anything ...
google-chrome
0
votes
0answers
30 views
angular-strap aside behaviour on mobile phone keyboard popup
i have problem with angular strap aside module while using mobile phone.
When i click on input box, keyboard popups and overlaps with input box, instead of scrolling up.
image before clicking on ...
0
votes
1answer
10 views
Angular ui-bootstrap with ng-repeat: if there's no tabs, new tab isn't selected
Here's the link to demonstrate my problem: http://codepen.io/pietrofxq/pen/ZLLJdr?editors=1010
Click in "remove tabs" and then in "add tab"
The issue: I do a loop with ng-repeat to display tabs. But ...
0
votes
1answer
28 views
how to get current slide index: uib carousel
I would like to get the current slide index onChange and not onClick but I don't know how do do that.
First, I had it with ng-click, like this:
In the .html:
<ul uib-carousel id="myCarousel" ...
0
votes
1answer
65 views
Creating Layouts in Angular 2 projects
Hi i am creating a project with angular 2. I want to have a number of layouts for my each modules like a Login Layout, Home Layout, and A user layout for every one who have logged in.
I can not ...
1
vote
2answers
58 views
Overlapping in Bootstrap Div Structure
I am following the 12 column rule, the following code is for right panel section having width of 8 column.remaining is 4 column panel on left side. It shows well on more than 1300 pixels resolution, ...
2
votes
1answer
29 views
How to assign value to angular pagination custom template?
I am using custom template for angular pagination:
<uib-pagination
boundary-links="(vm.pagination.boundaryLinks == false) ? false : true"
num-pages="vm....
