A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
12 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
25 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
21 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
45 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
7 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
11 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
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
25 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
21 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
32 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
48 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 ...
0
votes
1answer
31 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
11 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
27 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
35 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
46 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
30 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
30 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
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 ...
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
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({
...
0
votes
0answers
12 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
30 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="/...
0
votes
0answers
21 views
Angular UI Bootstrap TypeAhead for Multiple Arrays
Having an issue getting the Typeahead feature working properly in UI-BootStrap with large datasets. I've got nearly 92,000 records coming back and it seems the maximum number of records that can be ...
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
17 views
ui-bootstrap typeahead not working
I am trying to write an autocomplete text box with ui-bootstrap but I am not able to see the required suggestions. Could someone help me please.
Here is the html file I have written:
<!...
2
votes
1answer
34 views
Bootstrap UI Angular modal doesn't show as a pop up
What I have: https://rawgit.com/emilyeserven/testwebsites/master/js/angular/chara-select/index.html
At the bottom are buttons to open modal boxes. However, when they're clicked, they just show at the ...
0
votes
0answers
14 views
Unable to get scroll on custom uib tabset
I have the following code and dynamic data load involved. I need to have a scroll for the ng-repeat data. but the height is always 0 and it doesn't allow to create a scroll.
<div class="row"&...
2
votes
1answer
22 views
Boostrap image zoom
I am doing an e-commerce site. I am use Bootstrap. What should I use when doing the product detail page? I want it to be as follows.
I want the picture to grow when it comes to the picture.
0
votes
1answer
44 views
how to close modal after submit in angularjs
i know have many result in this question but no one give work answer for me.
html 1:
<button class="basebtn logbtn" ng-click="openlog()">LOGIN</button>
<button class="basebtn regbtn" ...
1
vote
1answer
25 views
Fix page shift when opening and closing uib-modal of angular ui bootstrap
There is page shift when opening and closing the uib-modal. Check https://angular-ui.github.io/bootstrap/#/modal . Notice the scrollbar disappearance and appearance.
This question is already asked ...
0
votes
1answer
8 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
3
votes
1answer
48 views
Parent div CSS classes are not getting added to child div
I have a working dropdown with proper CSS classes and it works as expected. In another html page I have copied the same div structures including the CSS classes but it doesn't work.
I am using Chrome ...
0
votes
0answers
50 views
Can't get AngularJS / Webpack app to work in production environment, but it works fine in development environment
I'm new developing with AngularJS, NodeJS and Webpack, but I managed to make a simple app (with help from this video by the way: watch?v=6Sbau-oE37w) the app is been developed in this environment:
...
0
votes
1answer
20 views
Angular: How to make an element that will close UI bootstrap dropdown on click
I am using Angular UI with bootstrap and I'm using the uib-dropdown. I have auto-close set to outside click, but I want to also create a button in the dropdown that will close it. I tried adding uib-...
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
32 views
How can I use a ui bootstrap directive within a custom directive?
I am trying to use the uib-carousel directive within my costum directive. The images for test are rendering with ng-repeat but no carousel component is present.
The uib-carousel and uib-slide ...
0
votes
0answers
20 views
AngularJS/Bootstrap img popover showing on one, not on the other
I'm working with AngularJS and Bootstrap, I have 2 different pages with the same code, one popover works, the other one doesn't and I don't understand why.
Both using:
.directive('descPopOver', ...
0
votes
2answers
36 views
Center Angular UI Modal in the middle of the screen
I followed the solution taken from here but it's not working. I need to center the modal right in the middle of the screen, both horizontally and vertically. I attempted in this plunk but it's not ...
1
vote
2answers
38 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 ...
