A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
-1
votes
0answers
4 views
The position of button is dynamic and i want to display a modal below that button? Any idea how to do it?
I want to display the left side modal under the ... button. Tried position absolute and z-index still its not working.
U can get the Code from :
http://ui-grid.info/docs/#/tutorial/...
0
votes
0answers
8 views
Bootstrap popover mouseenter flickers
I have created popover on mouseenter. But it flickers when I hover on it. Noticed that this is happening if I pass large text. Below is my code,
<a popover-template="'popover.html'" popover-...
0
votes
0answers
13 views
angular js ui-bootstrap accordion when expanding and collapsing all, hangs the UI
I have an angular js app, on one of the UI view I have an ui-bootstrap accordion, and i have implemented a expand all / collapse all button to do the same, here is the source code for UI accordion ...
-3
votes
0answers
27 views
What are the best tips to make your site responsive to every device using Bootstrap components? [on hold]
I was reading several pages like first link and bootstrap components.
My website is intended to be responsive for all kind of devices,so when I use bootstrap classes should I put everything of xs-xl-...
1
vote
0answers
26 views
How to Use angular ui router with angular bootstrap modal ($uibModal)
Here is my current code:
Parent Controller
vm.animationsEnabled = true;
vm.open = function (size) {
var modalInstance = $uibModal.open({
animation: vm....
0
votes
2answers
14 views
uib-popover not working as expected with a DIV element
I'm testing uib-popover and everything seems to work fine in the plunkr but when I change button to div then the popup seems displaced.
Any idea why?
This is the code, simplified from the official ...
1
vote
1answer
21 views
Angular UI-Bootstrap Pagination
I have my ng-repeat template as;
ng-repeat="student in students| filter:searchText | filter: paginate "
while in the controller I have;
$scope.currentPage = 1;
$scope.itemsPerPage = 20;
$scope....
0
votes
2answers
23 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
votes
0answers
11 views
combining bootstrap / slds / angularjs
I tried salesforce lightning design system, but I needed an UI bootstrap accordion (it needs bootstrap CSS so I used a bootstrap isolated class where needed to avoid conflicts)
But now the body of ...
0
votes
0answers
27 views
Having issues with the results of promises
I am working on a project with a Provider Hosted App containing Angular 1.5, Promise, signalR. I have created a viewmodel called Search.js and a dataService.js. I have the challenge that the promise ...
0
votes
1answer
31 views
Refresh content of the dropdown based on result
I am trying to develop an Excel-like table filter where any number of filters can be applied across columns.
Please have a look at my code in plunkr. This works perfectly fine for the filtering of ...
0
votes
2answers
36 views
Set property Id to a uibModal
I would like to know if it is possible to set an Id property to a modal generated through $uibModal so later I can capture the correspondent element by its Id. I successfully managed to generate as ...
0
votes
0answers
25 views
How to use UI bootstrap dropdown with Angular JS and inside ng-repeat with dynamic data
In my case, I want to render the bootstrap dropdown menu inside an ng-repeat and also it has to bind to data from API.
My code is,
<ul class="nav nav-tabs list clearfix" id="myTab">
<li ...
0
votes
0answers
24 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
0answers
23 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
31 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
43 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
31 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
26 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 ...
1
vote
1answer
57 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:
...
0
votes
1answer
13 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
...
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 ...
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 ....
1
vote
1answer
19 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 ...
0
votes
2answers
26 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
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
0answers
35 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 ...
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
16 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 ...
0
votes
1answer
34 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:...
1
vote
0answers
15 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 ...
1
vote
1answer
37 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 ...
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-...
3
votes
1answer
38 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&...
1
vote
3answers
50 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
0answers
34 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 ...
2
votes
1answer
33 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">...
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, ...
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
12 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 ...
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
0answers
19 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({
...
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....
0
votes
0answers
32 views
AngularJS typeahead dropdown not displaying
HTML:
<input type="text" class="form-control" placeholder="" ng-model="selectedUser"
typeahead="user as user.name for user in getUsers($viewValue)"
typeahead-template-url="/...
