A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
5
votes
1answer
17 views
UI Bootstrap modal in directive- multiple modals but only one opens
As seen in this Plunkr, I have two modals, each in separate directive of modal-one and modal-two.
The problem is, that only modal one is being opened, even when clicking on modal two button.
I guess ...
15
votes
6answers
8k views
using ui.bootstrap causing issues with carousel
I am having issues with getting the carousel working properly. I used yeomen to scaffold the angular app.
I am getting this error
Error: [$compile:ctreq] Controller 'carousel', required by directive ...
1
vote
3answers
7k views
Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You either misspelled […]
I am having this problem here and I haven't gotten any consistent solution so far looking out there. I am running a Java project with Angular on the front-end, and trying to implement an autocomplete ...
1
vote
1answer
11 views
UI Bootstrap - how to stop tooltip showing changed text before closing
I have a tooltip working on a glyphicon. When I click on the glyphicon I want to hide the tooltip, and then change the text of the tooltip. This reflects a change in state for the glyphicon which has ...
1
vote
1answer
20 views
UI Bootstrap - how to prevent tooltip opening when dropdown is open
I have a dropdown that is triggered by clicking a glyphicon. The glyphicon has a ui-bootstrap tooltip that is triggered on mouse-enter/mouse-leave. The tooltip is also triggered to close when the ...
0
votes
0answers
13 views
Open angular ui accordion using protractor and cucumber
I am new to cucumber and I have an accordion in my page containing dynamic data. I need to open the accordion in a protractor test case. Please help me out with this.
1
vote
0answers
7 views
angular-ui-bootstrap cdn name on cdnjs.cloudfare.com site not matching with bower name
When we do install angular-ui-bootstrap by command in bower like below
bower install angular-bootstrap --save-dev
Which will create folder named angular-bootstrap with data.
Due to this task inside ...
0
votes
0answers
20 views
Angular: Bootstrap.UI Anchoring Modal from Click Source
I have been trying to wrap my head around how Google does their Modal initializing from click source without using Angular Material. Instead, I am using Boostrap.UI of Angular with Ng-Animate.
...
0
votes
1answer
22 views
Angular-UI bootstrap popover directive component
I developed a directive to maintain inline help for a widget from a dropdown bootstrap menu, but when I click help from the dropdown, the popover is currently bound to the element and cannot be ...
1
vote
1answer
18 views
Is there a way to configure the animation set on UI-bootstrap's carousel component?
An example of the standard configuration is here. Its crazy how limited the documentation is for many of the features that the UIB team created...
I was wondering if anyone here has experience with ...
0
votes
0answers
25 views
using ui.bootstrap in angular js application
i am working on an angular application, that requires a table to be paginated. I have tried using dir-pagination by Michael Bromley but that didn't work out well when i tried to use ...
0
votes
1answer
58 views
ui-bootstrap modal html created and loaded, but isn't shown
I'm trying to display a simple modal using ui-bootstrap.
As you can see in the photo, the html for the modal is loaded but not displayed.
I saw some similar questions on the forum:
AngularJS ...
2
votes
6answers
14k views
Setting options to datepicker in angular-ui bootstrap
I'm trying to use datepicker component from angular-ui bootstrap lib as descibed here: http://angular-ui.github.io/bootstrap/
And I try to set options for the popup picker and accoriding to the ...
8
votes
3answers
4k views
How can I modify ui.bootstrap.dropdown to respond to a mouse hover over the drop button?
I would like to use the ui.bootstrap.dropdown message box to display text information (not links) in a similar way to the ui.bootstrap.popover. I would like to modify this directive as it does 99% of ...
0
votes
1answer
22 views
AngularJS UI Bootstrap pagaination control off by one page
I am trying to get the Angular UI Boostrap pagination control to work with a table populated by a web api controller.
I have a directive that is used oin the pagaination control:
...
0
votes
1answer
20 views
Angular UI Bootstrap Modal Popup
I am learning angular ui bootstrap modal form, and found some example in plunker.
angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.items = ...
20
votes
3answers
442 views
Add new data to typeahead result on scroll
I'm using angular bootstrap typeahead. I would like to add a functionality for infinite scroll in that, for that i have added a small directive for scroll functionality and some changes in typeahead ...
2
votes
1answer
25 views
Ionic range & badge overlap
Please refer to this image
I am trying out ionic framework. I see that traditionally range slider is icon-slider-icon. However, I want icon-slider-badge. And the badge shows the value of the slider. ...
0
votes
1answer
31 views
Css style not working well when resizing chart height in angular application
Here is my plunker. I have passing json object to chart, i want to give width 100% to line chart and height to 100px, but when we minimizing height css does not work expected. The chart does not take ...
0
votes
1answer
46 views
Performance Comparison of AngularJS vs React vs Polymer? [on hold]
Which is more suitable for video hosting site? And Which UI framework should I use with these options like Google material design or bootstrap or any other framework?
0
votes
0answers
14 views
uib-typeahead displaying undefined
The following is my html:
<div class="input-group">
<span class="input-group-addon"><%= fa_icon "search" %></span>
<input type="text" class="form-control" ...
0
votes
1answer
26 views
How to edit datepicker/day.html from uib-datepicker
In the documentation for uib-datepicker there is an option called template-url
<-- https://angular-ui.github.io/bootstrap/#/datepicker -->
This is the content:
<div ...
0
votes
1answer
49 views
Angular detect Idle user
I am trying to detect idle user (such as no mouse or touch events) and display a pop up warning. I have one service of detecting timeout and another to display the pop up. Time out service is being ...
0
votes
2answers
1k views
Bootstrap-ui datepicker close-on-date-selection
Technologies:
AngularJs and Bootstrap-ui
Enviroment:
I use a collabsable filter section which is controlled by "FilterCtrl". Each input element in the filter is controlled by a nested controller ...
0
votes
0answers
35 views
How do I open multiple bootstrap modals simultaneously in AngularJS?
I have a table with a list of records on the main landing page.
We can click records from the table to open a bootstrap modal for detail view.
I want to access the main landing page table to open ...
0
votes
0answers
21 views
Failed to load template with UI-Router
In my index.html I'm calling scripts ui-bootstrap-tpls.min.js version 0.14.3 and below, angular-ui-router.min.js version 0.2.15.
<!DOCTYPE html>
<html lang="pt-BR" ng-app="main">
...
0
votes
3answers
25 views
Getting form input/data in angular-ui bootstrap
I'm trying to get the input values for a form I'm submitting and the data angular-ui is binding to the form is not what I expected. An example form:
<form name="myform" method="post" ...
0
votes
1answer
22 views
Unknown provider: $modalInstanceProvider <- $modalInstance
I am trying to call a modal using angularui-bootstrap like this.
var authApp = angular.module('AuthApp', ['ui.bootstrap']);
authApp.controller('AuthController',
['$scope', '$uibModal',
function ...
0
votes
0answers
12 views
PDF differs for screen size
I tried opening a PDF using mobile application, but the PDF alignment and size are not the same as in desktop..
Am using windows.print() to display the PDF.
I have used @media print to define print ...
0
votes
1answer
13 views
Angular UI Drop down scope variable updated from directive does not update the scope
I have written a directive that updates a scope variable based on the key pressed. The code works fine for me but the variable does not get updated till focus is put back on the dropdown or pulled ...
1
vote
0answers
20 views
Angular typeahead asynchronous results - receiving error “TypeError: Cannot use 'in' operator to search for … in …”
I have made a directive for an Angular UI typeahead field. I am trying to design it so that as a user is typing, it sends asynchronous backend calls for results that will populate the dropdown that ...
0
votes
1answer
17 views
Closing modal in Angular UI Bootstrap while erasing array of 1000 items, takes a significant time
I've an Angular application where I pass an empty array to Angular-UI Bootstrap Modal. Depends on user choice it may be filled or not with items, up to 1000 objects. All them I display in a list with ...
0
votes
1answer
39 views
Angular UI: How to trigger typeahead even if a value is selected?
Since 1.0.0 of Angular UI Bootstrap typeahead-min-length=0 was introduced. With this typehead can be triggered when the input is focused. However, if a typeahead value is selected, typeahed is no ...
0
votes
1answer
29 views
When changing route state via a dropdown, how can I set a tab as active in a sub view?
I've assembled an angularjs app with ui-bootstrap & ui-router which has some tabbed sub-views where 'index' has a 'ui-view', then for some views,
a template with 'uib-tabset' and another ...
2
votes
1answer
600 views
Managing scope in nested UI Bootstrap accordions
I am using UI-Bootstrap with this simple accordion menu. I tried to nest them, but I can't get the scope of the nested element.
ng-click also won't work, I guess because it's already used to open and ...
0
votes
1answer
14 views
Collapsible DIV in Mobile
I have a block which is to be shown as-is in the web version. However, I want it in collapsed mode in the mobile version. How should I go about it?
I'm using AngularJS and can't figure out a way.
...
1
vote
1answer
28 views
How to include angular-uib star rating in ui-grid?
I've been trying to include uib star rating in ui grid using the celltemplate field but it returns an error "Uncaught SyntaxError: Unexpected identifier".
After a little debugging i found out that it ...
0
votes
1answer
24 views
UI Bootstrap modal window (service) refreshes page while opening
I am using UI bootstrap modal window to show a form which takes data from a controller and passes on to modal window. But when window pops up, the controller is getting called and all the service ...
0
votes
2answers
26 views
min-width for column in Bootstrap grid system
I have following HTML with Bootstrap CSS.
<div class="row">
<div class="col-sm-4" style="min-width: 66px;">Name</div>
<div class="col-sm-1" style="min-width: ...
8
votes
5answers
8k views
A directive to format phone number
I was wondering how to automatically format a number in an input field using an angularjs directive? When I type in an input field say 6042919283 I want it to be shown as 604-291-9283.
Thanks
-2
votes
0answers
14 views
I want to create a new module for banner slider in magento2 [closed]
I want to create a new module for banner slider in magento2 because I want to customize the js code without downloading the magestore_bannerslider code.
0
votes
1answer
25 views
AngularJS and AngularUI Bootstrap doubling tabs when adding a new tab
I am trying to build a reusable directive (with isolated scope) for each new AngularUI tab. When I try to collect all the data inside a tab and add a new tab, what Angular actually does is to double ...
0
votes
1answer
14 views
md-button position alignment in the form
I'm using ng-include to call my form "test_form", upon display buttons align at the center. How can i align them at bottom right of the form.
index.html
<div class="col-sm-6 sidenav">
...
0
votes
1answer
27 views
Glyphicons dont show when using Angular + Gulp + Browserify
I'm having some major issues getting Glyphicon icons to appear on my page. Ive googled and tried most everything that other people have recommended but nothing seems to work. Only a grey square ...
7
votes
3answers
10k views
Angular UI Bootstrap Vertical Tabs
Using Angular UI Bootstrap, how do we build vertical-stacked tabs that is left-aligned to the tab content which looks like this?
0
votes
1answer
26 views
Bootstrap-ui datepicker : how of have an empty ng-model?
In an angular project, I have an bootstrap-ui datepicker which is used to provide info on the date when an invoice has been paid.
Initially, upon creating the invoice, as it has not been paid and so ...
-2
votes
0answers
22 views
How can I show tick labels on angular?
I tried to use https://github.com/seiyria/angular-bootstrap-slider
But I think documentation is so poor and also I could not write ticks as string.
For example I wrote like this:
$scope.dirTypes ...
0
votes
0answers
28 views
Angular function not working in angularUI
I have changed my angular project to use angularUI as I was just using bootstrap tabs as you would normally. This is my first Angular project and I have implemented UI tabset and now some code I was ...
1
vote
1answer
22 views
When I make a draggable clone how to retain the height and width of the element
$("li", $taskList).draggable({
helper : "clone",
revert : "invalid"
});
While dragging the element I want the same height and width should be retained.
0
votes
1answer
39 views
Angular ui bootstrap popover with template
<a data-ng-href="" uib-popover-template="'profile.html'" popover-placement="bottom"></a>
<script type="text/ng-template" id="profile.html">
<div class="media">
...
