A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
4 views
Css style not working well when resizing chart height in angular application
Here is my plnkr.co/edit/eBfVMi87ctmSOxEWkctI?p=preview 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 ...
1
vote
0answers
14 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
0answers
5 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
0answers
16 views
Angular UI Bootstrap - pagination not working
I can't think of what am I doing different compared to the example here. I even logged $scope.currentPage after a $timeout inside the triggered function and the value is the same. Basically, ...
0
votes
1answer
10 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
31 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
20 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
19 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
0answers
13 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 ...
0
votes
1answer
13 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
55 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 ...
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
0answers
11 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 = ...
0
votes
1answer
12 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
14 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
16 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
38 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
28 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
24 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
22 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
25 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
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
11 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
24 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
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
36 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
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
19 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
40 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
15 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
23 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
16 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
67 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.
...
