A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
42 views
How to create dynamic menu base on roles using AngularJS
I am very new to AngularJS.
template.js
$templateCache.put('template/sidebar-left.html',
"<div class=\"sidebar-inner c-overflow\"><div class=\"profile-menu\"><a href=\"\" ...
0
votes
0answers
15 views
Angular Bootstrap Datepicker Popup Won't Focus Calendar
Angular 1.4.11 (also tried 1.5.8)
UIB: 2.2.0
In my app, the Angular Bootstrap datepicker popup directive won't focus the calendar popup. I cannot reproduce this in the demo page or in an plunker. So, ...
0
votes
1answer
21 views
How to open an existing controller/view in an ui-modal in AngularJS 1.x with $routeProvider
I know this is possible with the ui-router and also that in angular 2 this isn't an issue anymore. But for our actual project, we're stuck for the moment with angular 1.x and $routeProvider.
So what ...
0
votes
0answers
17 views
Angularjs ui grid issue with small set of data (very few rows) but containing huge text for some columns
I am using ui grid in Modal but I am facing problem in representing data with large text. I have only maximum up to 5 rows in my data set. But some of the columns in the rows have huge text. So I ...
0
votes
1answer
11 views
How to use bootstrap-date picker in angular2 rc7
Please let me know detail configuration step by step for use bootstrap-date picker from that link https://eonasdan.github.io/bootstrap-datetimepicker/#bootstrap-3-datepicker-v4-docs
1
vote
3answers
49 views
Bootstrap “collpase in” not working
I am using bootstrap to toggle the div element. I am using the following code, its working for its default behavior i.e. to hide the toggled content in the beginning.
I want to show the toggled ...
0
votes
1answer
27 views
Using ng-model-options updateOn:blur with uib-datepicker popup
I have an input that allows a user to either type or select a date via the uib-datepicker calendar (https://angular-ui.github.io/bootstrap/). When the user clicks on the input the datepicker pops-up ...
3
votes
0answers
37 views
angular ui bootstrap tooltip hidden
The sidebar in my application is as follows
<div class="wrapper">
<div class="sidebar-wrapper">
<ul class="sidebar-nav">
<li>
<a uib-...
0
votes
1answer
21 views
angular ui bootstrap modal opened in state, how to close in controller?
Hi there I am trying to create stateful modals, using ui-router and ui-bootstrap, I have the modal opening successfully like this,
.state('static.login', {
url: '^/login',
onEnter: ...
0
votes
1answer
29 views
Angular.ui Modal doesn't close or cancel
I can't find the way to title this question so if you can suggest a better way, please let me know. Anyway, on to my problem(s).
I am implementing a modal when a user wants to log out. User clicks on ...
0
votes
2answers
25 views
angular-ui popover vanish, if a button is clicked inside of popover
I have used popover with popover-trigger = 'outsideclick' and inside a popover i used a custom directive to render html.
Now when i click a button inside popover the popover vanishes.
I have created ...
0
votes
1answer
32 views
StopPropagation() - Checkbox in uib-accordion header - AngularJS
I'm having problems with checkboxes inside an accordion header.
Purpose:
The checkbox in the header is an indicator if that section is being used.
User actions:
There are two ways to set the value ...
1
vote
1answer
54 views
Angular UI Bootstrap Datetimepicker with seconds
I want to get bootstrap datetimepicker input value in angularjs controller. I am using following custom directive to achieve this . But i am getting the value is undefined. I have added the code ...
-1
votes
0answers
6 views
angular-bootstrap-calendar is having a unknown provider error for alert
I have added bootstrap-calendar to my angular project and it works well untill I inject
moment, alert, calendarConfig
in my controller. It seems alert is not working. I keep getting the following:
...
3
votes
1answer
36 views
Displaying multiple Angular Bootstrap Datepicker components in a table
I have a table:
<table class="table " id="Table" width="100%">
<thead>
<tr>
<th>ID</th>
<th>From</th>
<th>To</th&...
0
votes
1answer
12 views
Angular 2.2.0 platform-browser-dynamic bootstrap not found
i am used to import bootstrap by plattform-browser-dynamic 2.0.0
like this:
import { bootstrap } from '@angular/platform-browser-dynamic/';
Now i create new Projekt and use angular release 2.2.0
...
2
votes
0answers
50 views
angular - Edit raddiobutton values in textarea
I would like the popover to retrieve the values of the radiobuttons in lines in the textarea and after saving would make the necessary change.
<div ng-repeat="controle in dataform.controles" ng-...
0
votes
1answer
13 views
AngularJS pagination only shows one page
I'm using angular-ui-bootstrap-tpls version: 0.14.3 to paginate some result i bring from some database, the problem is that the pagination always looks like this:
<< < 1 > >>
It ...
1
vote
1answer
110 views
Uib-alert css style is not applying
<uib-alert ng-repeat= "alert in ConfigurationAlerts" close="closeAlert($index)"> {{alert.msg}} </uib-alert>
var eWiggle = angular.module('eWiggleApp',['ui.router', 'ngAnimate', 'ui....
0
votes
1answer
33 views
Angular Bootstrap UI Timepicker entering invalid time
I'm using Angular Bootstrap UI Timepicker and if I enter 50 in the hours field, it highlights the field red, but nevertheless I get a valid date out of it that looks just like that Tue Nov 15 2016 05:...
0
votes
2answers
15 views
How to set Angular UI Bootstrap Datepicker to set empty field by default?
I'm working a date picker using Angular UI Bootstrap Datepicker. My challenge is to set the input field of the date picker to empty field by default.
Let me show u the input field i have used ....
0
votes
0answers
34 views
Selenium WebDriver -cannot switch focus to modal dialog window
screenshotThe scenario is that I am trying to fire sendkeys into a modal dialog box, but webdriver is unable to switch focus onto dialog box. I've tried variety of wait conditions and switch ...
1
vote
1answer
18 views
angularjs toaster failing to change from sticky to dismiss dynamically
I am using (Angularjs toaster) and my requirement is initially I need to make toasters sticky and after some particular button click, all the toasters should be dismissed as per the given interval. ...
0
votes
2answers
26 views
Angular how to have multiple selected
I have this array of objects. that holds somethings like this.
[
{
id: 1,
name: "Extra Cheese"
},
{
id: 2,
name: "No Cheese"
}
]
im iterating thru the ...
1
vote
1answer
197 views
Using angular-ui-bootstrap with webpack
I try to use https://github.com/angular-ui/bootstrap with Webpack:
import angular from 'angular';
import uiRouter from 'angular-ui-router';
import createComponent from './create.component';
import ...
0
votes
2answers
24 views
AngularJs: UI bootstrap tooltip
Could you please help me with the ui bootstrap tooltip in angular. On hovering over button details I need to show a table. Greatly appreciate the help. Thanks.
HTML:
var myApp = angular.module('...
2
votes
1answer
185 views
Can't Use ngClass With Angular UI Bootsrap Alert
I'm using the uib-alert directive, but I would like to animate the closing of the alert with Bootstrap's own fade class, or other custom animations that I add. I have seen a few other attempts to ...
3
votes
1answer
73 views
How to Maximize, minimize and make uib-modal dragable?
I am having a requirement of minimizing and maximizing the uib-modal, please suggest me ways to do so.
1
vote
2answers
40 views
Web Page not Anchoring in Angular
I am attempting to have the page go to a div section of the page based on what they click. I have the div for each section id'd with the proper tag. I have done a test where I can load the page and ...
0
votes
0answers
16 views
Webpack ui-bootstrap
I am trying to use ui-bootstrap with Webpack, but i have problem, when i try to use something like this
https://github.com/angular-ui/bootstrap#install-with-npm
import accordion from 'angular-ui-...
0
votes
1answer
49 views
grid system in bootstrap
I have a scenario where I need the following view in large resolution:
and the following in small and medium resolution:
I have tried:
<div class="row">
<div class="img-blocks ...
0
votes
0answers
15 views
Why is ui-bootstrap modal warning me that I tried to load Angular more than once?
I'm using ui-bootstrap modal v2.2.0 and angular v1.5.8 and bootstrap v3.3.5. I've basically downloaded the javascript for that file, copied and pasted it, and put it into a file located, relatively to ...
1
vote
0answers
13 views
Bootstrap carousel event handling in angular 2
I am wondering how to catch event slide.bs.carousel (bootstrap 3 carousel) in Angular 2 and pass it to child component?
It's pretty simple in jquery and I suppose in ng-2 too. But I cant't find simple ...
-1
votes
0answers
14 views
AngularJS ui-bootstrap carousel $currentTransition
I'm fairly new to AngularJS. I am about to use ui-bootstrap carousel in my project, and just out of curiosity I started checking angular code for the carousel. So far I understand the code, however ...
0
votes
1answer
459 views
Bootstrap $uibModal focus to element
I've created an AngularJs directive, which sets focus to a html element.
But it doesn't work on $uibModal elements:
angular.module('ui.bootstrap.demo')
.directive('focus', ['$timeout', function ($...
0
votes
0answers
31 views
component router not working with ng-bootstrap
I am writing below code to navigate between tabs and
<ngb-tabset>
<ngb-tab title="Add">
<template ngbTabContent routerLink="/retail/retail-add">
</template>
</...
0
votes
0answers
18 views
How to combine bootstrap accordion and bootstrap tooltip on ipad?
The problem is next:
when I have a tooltip icon that should show a tooltip on ipad user has to click it when popover-trigger is "mouseenter". But it opens an accordion.
<uib-accordion close-others=...
0
votes
1answer
11 views
restrict uibDatepicker pop up to accept only digits and '-'
I have a requirement that I need to let user only enter digits and - into date picker and prevent user from entering other characters, how can I achieve this?
for example I want prevent user from ...
0
votes
2answers
44 views
Ng-bootstrap Carousel refuses to show Images
I'm upgrading from an old version of bootstrap (0.13.4 & 0.14.1) to a new version of it.
The old slider worked just fine, but doesn't show any images anymore, when the new file is in use.
This ...
0
votes
0answers
29 views
AngularJS - pagination is not working for bootstrap datatable
I am working with the AngularJS bootstrap datatable and am very new to that.
Here is my code
controller.js
.controller('tableContactCtrl', function($timeout, $scope, $filter, $sce, ngTableParams, ...
2
votes
1answer
32 views
AngularJS UI-Bootstrap Datepicker is not working inside ng-repeat?
I have been trying to use date pickers inside ng-repeat but the datepicker is not working inside ng-repeat, can anyone help me solve this issue.
Here is my code,
<div ng-repeat="dt in dates">...
3
votes
1answer
529 views
AngularJS typeahead with protractor
I'm trying to use protractor to implement some e2e tests.
I'd like to simulate user interaction with the autocomplete typeaheaded control.
I can't find a way to select (click) one element from the ...
0
votes
0answers
18 views
angular ui bootstrap typehead not selected on click mouse
When I us a mouseClickListener on an item it is not selected. No error is issued, however it is working when I press on Enter.
"angular": "1.5.8","angular-animate": "1.5.8","angular-touch": "1.5.8"
&...
0
votes
0answers
13 views
DataTable plugin causes unable to load other JQuery plugins like Zebra date picker in Rails
I am adding DataTable for my rails app. In the process I am getting several errors:
dataTables.bootstrap.min.js?body=1:6 Uncaught TypeError: Cannot read property 'defaults' of undefined
dataTables....
2
votes
1answer
28 views
add content to uib-tooltip-html
Why does this work just fine:
Controller:
$scope.getHtml = $sce.trustAsHtml("<div>Test</div>");
View:
<div uib-tooltip-html="getHtml">Test</div>
But the following doesn't ...
0
votes
1answer
19 views
Design libraries for nice and simple web pages [closed]
I want to make a web application for renting books. I want to use Angular and bootstrap. I am new to front end development (design) and I want to do somenthing that looks nice and simple. Can you ...
0
votes
0answers
11 views
Add ng-bootstrap carousel controls without redirecting to a different url
I have a ng-bootstrap Carousel. The Slider displays, the first img as expected.
However, if you click on the Slider (to progress), a part of the website (the whole part with the slider) vanishes.
I ...
3
votes
2answers
193 views
ui-bootstrap modal appendTo
I am using the ui-bootstrap modal with angular to attach a modal to my document. However, I want the modal to be attached in a child div of the body with an id of #base-view. This is so that the modal ...
0
votes
0answers
17 views
Angular Ui Bootstrap modal keyboard = false, not working
I'm been trying to make a modal stay open. but the keyboard option doesn't seems to work. I tried doing it like I have done a lot of times before.
var modalInstance = $uibModal.open({
...
1
vote
2answers
804 views
How do I change an Angular UI Bootstrap panel color when the panel is open
I need to change the panel color of the parent that is open. I was told I could use something called "panel-class" but my attempts to use if have been unsuccessful. I copied the sample code directly ...
