A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
9 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 ...
0
votes
0answers
54 views
ui-bootstrap modal html created and loaded, but didn'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 ...
0
votes
0answers
10 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
0answers
16 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
1answer
12 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
37 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
23 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
599 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
10 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
17 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
20 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
24 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
13 views
I want to create a new module for banner slider in magento2 [on hold]
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
24 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
9 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
45 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
1answer
22 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
4answers
9k 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
23 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
19 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
34 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">
...
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
14 views
Bootstrap 3x3 grid with Ionic
I am making an Ionic 3 by 3 even grid that fit to the screen without scrolling horizontally and vertically. I want to use bootstrap's div class.
<div class="container-fluid">
<div ...
0
votes
1answer
18 views
Angular ui bootstrap carousel won't slide after setting a slide's active property to true
Here's a fork of the plunker of uib-carousel on ui.bootstrap.
I added a line in the controller after the for loop for populating $scope.slides:
$scope.slides[1].active = true;
I want to pre-select ...
1
vote
2answers
39 views
UI Bootstrap typeahead blank dropdown issue
I am trying to implement the type ahead and all seems to be working. The only problem is something with the styling is wrong, it displays the dropdown like it is going to autocomplete but it is all ...
0
votes
1answer
14 views
bootstrap date formate getting wrong result
i want date formate in dd/MM/yyyy
using js and css
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
...
0
votes
0answers
11 views
Open angular ui accordian using protractor and cucumber
I am new to cucumber and i have an accordian in my page containing dynamic data. I need to open the accordian in protractor test case. Please help me out with this.
10
votes
3answers
27k views
Angular-ui tooltip with HTML
I am currently adding some bootstrap tooltips in my application.
All of the "normal" tooltips are ok, but when I want to use tooltip-html-unsafe, all I got is an empty tooltip.
My tooltip:
...
1
vote
0answers
22 views
can not populate boostrap calendar using angularjs
I'm using the following libraries,
Angularjs
boostrap
datepair https://jonthornton.github.io/Datepair.js/
jQuery timepicker
I'm building a leave request application where employees can schedule ...
0
votes
0answers
14 views
how to decide the active slide in angular-ui-bootstrap carousel
Here is the official example in the documentation about the angular-ui-bootsratp carousel.
But I could not replicate it in my own case, as the slide.active is not working.
...
0
votes
1answer
66 views
AngularJS 1.4, bootstrap multi level Accordion sample
I want to build a menu something like as below but I am not finding an appropriate sample utilising AngularJS 1.4, bootstrap & accordion.
Accordion is a must. Please advise.
menu1
menu2
...
3
votes
2answers
2k views
Nested Views inside a modal not showing up. (ui-router and ui-bootstrap)
I'm having trouble creating a modal that responds to the application state.
From angular ui-router wiki I saw how to achieve my goal but my code is not working and I'm not figuring out why for the ...
0
votes
0answers
312 views
dropdown menus not working with UI-Bootstrap and bootswatch templates
Hello I trying to setup an angular app using UI-Bootstrap and a bootswatch template. The bootswatch template is being applied across the site however when I try to setup drop down menus, accordions, ...
0
votes
2answers
43 views
How can I exclude one specific class by css?
I have nested tab. You can access from (http://plnkr.co/edit/QbMjutwEIRfHYpgELuIz?p=preview)
I want to apply this class to only .verticaltab class so I wrote css like that:
CSS:
.nav-tabs {
...
0
votes
1answer
31 views
AngularJS Pagination TypeError: Cannot read property 'slice' of undefined
I am receiving an error message "TypeError: Cannot read property 'slice' of undefined" while attempting to use Bootstrap Pagination. I believe the error is taking place do to a scope issue while ...
17
votes
7answers
19k views
Angularjs bootstrap dropdown not working
Am bit new to angularjs and bootstrap.
Am trying to add a simple dropdown. But it is not working.
Tried out the suggestion @ Bootstrap 3 simple dropdown not working. That is also not working.
...
0
votes
1answer
36 views
uib-tooltip custom trigger do not work?
I have this tooltip on a input field:
<input id="test" uib-tooltip="my tootip" tooltip-trigger="customEvent" ng-model="test" />
and i want to show it by using jquery:
...
0
votes
0answers
28 views
AngularJs BootStrap UI Pagination
I am attempting to use bootstrap ui's pagination on and angularjs project. I am receiving error message 'Error: [$injector:modulerr]'. I have been following the example here Angular UI bootstrap ...
11
votes
3answers
6k views
Angular-ui bootstrap modal without creating new controller
plunk: http://plnkr.co/edit/85Wl5W If I use the $modalInstance on the same controller(modalController.js), without being in a modal, angular gets frozen.
I just want to simplify my life using ...
2
votes
1answer
1k views
Match multiple object property values on AngularJS typeahead
I am trying to get an Angular Bootstrap UI typeahead to match against multiple properties. If i have an array of objects like this:
{
"city":"New York",
"region":"NY",
"country":"USA"
},
...
0
votes
1answer
19 views
bootstrap css repeated items randomly skipped
I'm repeating a list of items (ng-repeat) and there are seemingly randomly skipped spaces on the page that end up blank.
When I inspect element, the next div after Dr. Strauss is indeed Dr. ...
-1
votes
1answer
33 views
What is the core difference between Bootstrap CSS and AngularJS UI Bootstrap?
So I am developing a new MVC application using AngularJS and I wanted to implement bootstrap for the UI but upon searching for bootstrap from within NuGet I see AngularJS UI Bootstrap.
I did a ...
0
votes
0answers
25 views
AngularJS: Custom popover directive based on UI Bootstrap
I have a list of customers:
<div class="customer" ng-repeat="customer in customers">
{{customer.name}}
<a uib-popover-template="'PopoverTpl'">{{customer.managerName}}</a>
...
1
vote
1answer
24 views
Bootstrap UI Typeahead doesn't support two-way data binding
Hello to all I read that this issue
https://github.com/angular-ui/bootstrap/issues/274
is was closed... I've this jsfiddle
https://jsfiddle.net/qq4gqn6t/12/
but when I change the model the ...
1
vote
1answer
36 views
update scope variable on submit and update view in angular js
I'm creating my first web app in angularjs and can't get the page to update with new values once the user submits text/numbers in an input box.
I'm using Java8, MongoDB, angularJS and twitter ...
0
votes
0answers
20 views
Error while using two modals: [$injector:unpr] Unknown provider: $modalInstanceProvider <- $modalInstance
I really find it very hard to solve the above error.
I have two modals in my project. One of the modal is working fine and the other modal is not so. I have injected $modal as a dependency in the ...
0
votes
0answers
27 views
Preselect uib-btn-radio button
I have the following btn-group
<div class="btn-group">
<label class="btn btn-success active" data-ng-model="myModel" uib-btn-radio="'enabled'" data-ng-click="vm.myFunction()">
...
