A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
6
votes
3answers
14k views
Angular-ui-bootstrap - Date Picker - How can I restrict access to the date-selector in popup?
At the moment, I can first select the year, then the month, and then, the date. However, I only need access to month and the year. I'm not sure how to disable the date-selector option.
Also, I would ...
0
votes
2answers
345 views
year and month only datepicker angularjs and bootstrap
i have problem i want to use datepicker from date to date(check in and check out with months not days) and it should be with months ,the problem is: i have template but it show me the the day and the ...
11
votes
5answers
21k views
angular ui month picker
i am trying to use angular-ui-datepicker as a month picker... but not able to configure it, tried it all... here is the PLUNKER...
i tried to set the modes as
<input type="text" class="...
1
vote
1answer
16 views
Dynamically load Angular UI-Bootstrap accordian from controller
I'm using an array in my controller to store a list of names. Depending on the company the user clicks on, however, that list will obviously change many times after the page is loaded.
I have a ...
0
votes
0answers
20 views
How to send data to UI Bootstrap Modal window $scope?
I'm trying open modal window, send data from the SQL query there and change form's values, but it doesn't work. I think I should send it to modal scope someway, but I have no idea how to do that.
js ...
0
votes
2answers
42 views
Why module 'ui.bootstrap' is not available?
I am trying this simple tutorial to try UI Bootstrap:
https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together
But I am running into two problems.
SyntaxError: ...
1
vote
0answers
26 views
ng-model not attaching to controller $scope when inserting modal form from Django
I'm serving a form from Django into an angular-ui-bootstrap modal using the template property:
function openFinderModal() {
var modalInstance = $modal.open({
template: vm.modalTemplate,
...
0
votes
0answers
10 views
Dropdown in ui-grid with Values from a Database that filters the Grid
i want to use a Dropdown to Filter my Grid.
Normal Filtering over Text is working fine.
But now i need it to do over an Dropdown and the Values have to be from a Database.
Its allready working in a ...
1
vote
2answers
29 views
Angular passing data to modal and modal instance
I have a problem with passing data to my modal. I am using ng-repeat to display data from json file which looks like this
[
{
"id": 1,
"userId": 0,
"userName": "Krzyniu",
"question":"...
0
votes
1answer
28 views
Why responsive navbar dropdown not working properly?
Please help me to figure out why responsive navbar dropdown not working properly.
Here is HTML code:
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type=...
0
votes
1answer
92 views
Many AngularUI Datepicker making page performance low
I am working with AngularUI Datepicker.I have seprate partial views each having ng-repeat .There I am using AngularUI-Bootstrap-Datepickers and it is making page load really slow.
I followed this ...
0
votes
1answer
37 views
ui.Bootstrap.Collapse forces a submit in Angular
I have a form that uses ui.bootstrap collapse, on selection it always submits, not sure why, here is my code:
HTML:
<form class="form-horizontal" role="form" ng-submit="update($event)">
...
15
votes
3answers
11k views
Using Bootstrap for Angular and Material design for Angular together
I'm working on a project with this template.
The template is written using AngularJs and Bootstrap-UI (bootstrap for angular) and I would like to include some Material Design elements like cards and ...
0
votes
0answers
20 views
Responsive tabs customised solution using df-tab-menu
Im trying to create a custom tabs solution whereby tabs/tab headers are moved to a menu when they would normally wrap onto a second line. I already use uib-tabset and uib-tabs thoughout my application ...
1
vote
1answer
19 views
uibCollapse nested in an directive element won't work,
When I click my-dir, collapsed elements won't expand.
I have set size in css for .btn class to ensure actually click event.
// index.html
<body ng-controller="ctrl">
<p>{{hello}}</...
0
votes
1answer
16 views
Angular Place Selected Text inside Bootstrap Element
I am an angular beginner and I have been working on this problem for a few days now but I haven't quite solved it. I am trying to create a directive where when the user highlights some text, a ui-...
0
votes
0answers
16 views
Ordinal Indicators for Angular UI Bootstrap datepicker
I need to see the ordinal indicator (st, nd, rd, th) at the end of the date using the ui.bootstrap.datepicker controller code.
My question is whatever solution is discovered how does one connect that ...
1
vote
0answers
19 views
How to add a dropdown timepicker in angular?
I'm terribly stuck trying to add a dropdown time picker to an angular app im making.
<div class="col-xs-3">
//I just want to stick it right in here
<...
0
votes
0answers
8 views
How to remove buttons and border from ui bootstrap datepicker popup?
I'm trying to get rid of the borders around the dates, and the buttons at the bottom of my datepicker popup. Code is as follows.
<div data-ng-controller="DatepickerDemoCtrl" class="input-group ui-...
1
vote
1answer
85 views
Uib tooltip should appear while mouse over on it
I am using uib tooltip, and wanted to show tooltip while mouse over on tooltip. Is there any workaround.
Thanks in advance.
0
votes
1answer
22 views
catching Angular Bootstrap UI $uibModal closed event after the modal was closed
I'm opening a modal window using $uibModal.open from another controller, and need to be notified when the modal window was closed completely (and not during closing...) so I'll be able to run a ...
1
vote
1answer
29 views
Angular js Controller method from HTML with a parameter
Could someone please help me in dealing the below situation.
I have an accordion, on click of accordion it expands.
Depending on header clicked I would like to load the data, or even preload the ...
0
votes
0answers
27 views
Adding a UI-Bootstrap Element to DOM inside Directive
I am new to angular and I am trying to figure out the following problem. When the user highlights some text, I would like a ui-bootstrap popover to surround the highlighted text. Since this would ...
1
vote
0answers
25 views
Angular UI Bootstrap datepicker popup timezone
I understand that the inlnie Angular UI Bootstrap datepicker allows you set the timezone via ng-model-options. I'm using the datepicker-popup (ui.bootstrap.datepickerPopup) and would like to do the ...
6
votes
4answers
2k views
angular-ui-bootstrap causes unknown provider error when minified
After adding angular-ui-bootstrap and running grunt serve on my yeoman app, it runs perfectly and the modal I want to show is displayed correctly, but once I do a grunt build, I get an unknown ...
0
votes
3answers
33 views
Angular UI Modal with high z-index not on top
In this plunk I have an Angular UI Modal with a z-index larger than a div z-index, however the div is covering the modal. If you click on the div, you'll see that the modal is behind.
Since the z-...
0
votes
3answers
32 views
Bootstrap's modal - click on cancel button - trigger `close()` or `dismiss()`?
Bootstrap's modal provides two methods to hide the dialog:
close(result) (Type: function) - Can be used to close a modal, passing
a result.
dismiss(reason) (Type: function) - Can be used to ...
0
votes
3answers
85 views
data-ng-model and data-ng-change are not working with data-ng-selected
var appCompAssets = angular.module('app.company.assets', []);
appCompAssets.controller('locationDetailCTRL', function($scope, $http) {
// LOAD LOCATION DETAILS
$scope.loadBranches = ...
0
votes
0answers
12 views
Collapse plugin renders a rising scrollbar on bootstrap navbar
Make sure the right panel is wide enough so that the navbar does not collapse and you will see a horizontal scrollbar (on initial load / refresh) that floats upwards starting from the bottom of the ...
0
votes
1answer
38 views
UI-Bootstrap date picker, icon and label not aligning properly
I am using the Angular ui-bootstrap directives and having some trouble getting the alignment right when I try to add a label. It seems no matter where I place the label in the HTML (like above or ...
1
vote
1answer
31 views
Angular bootstrap ui accordion group “open one at a time” not working
I have been using Angular ui-bootstrap. In here oneAtATime is not working even though the value is set to true. Here is my code.
<div ng-repeat="group in groups track by group.key">
<uib-...
0
votes
1answer
25 views
service not stopping even after closing the directive
I have a modal window in which there is a directive in which I am calling a service which is making http requests inside a $interval after every 30 seconds, but when I close the modal window, the ...
0
votes
1answer
19 views
Current date in panel AngularJS
I have a datepicker panel that displays the date I select. I have a start date and an end date. When I click the button on the panel a modal opens up and I can select the start date and the end date. ...
2
votes
2answers
43 views
bootstrap modal buttons not firing with single click with event.preventDefault
In angular code, I have a code which validates when $locationChangeStart fired. I have to call event.preventDefault() to cancel it and display a bootstrap modal. However I have to click twice with ...
1
vote
0answers
17 views
How To implement angular-gridster inside an bootsrap element
I am trying to make tiles which will dynamically created based on what response it gets from http request service.
my html page is look like this
<div class="container-fluid" >
<div ...
0
votes
1answer
38 views
Initial value of datepicker (angular-ui) isn't shown
I use the following code
<pre>Selected date is: <em>{{tournament.startDate | date:'fullDate' }}</em></pre>
<input name=startDate" id="startDate" type="text" class="form-...
0
votes
3answers
37 views
$scope variable not changing in controller when changed using directive
I tried in all ways (keeping the scope to false, etc but not able to change my scope in controller),am I missing something.
directive:
angular.module("ui.materialize.inputfield", [])
....
0
votes
2answers
24 views
AngularUI Timepicker - Select time in popup
We are using AngularUI timepicker (https://angular-ui.github.io/bootstrap/) for selecting time
After integration, I was not able to select time and set format but I need to show the same in a popup ...
1
vote
1answer
30 views
$uibModalProvider <- $uibModal <- StatusModalService giving error
Trying to built a modal with angularjs and ui-bootstrap:
Version
Angularjs and its component is 1.5.3
ui-bootstrap-tpls-1.3.3.js.
In main app file I have included 'ui.bootstrap' as
var App = ...
0
votes
1answer
20 views
How to properly swap between vertical pills and tabs based on screen resolution with angular-ui-bootstrap?
I have a default (horizontal) tabset made with angular-ui-bootstrap.
<uib-tabset active="0">
<uib-tab index="0" heading="Foobar">
<div ng-include="foobar.html"></div&...
0
votes
1answer
24 views
AngularUI Datepicker - End Date should not be less than Start Date
We are using AngularUI datepicker (https://angular-ui.github.io/bootstrap/) for Start and End Date.
After integration, I was not able to select weekend dates as well as my end-date can be less than ...
0
votes
1answer
15 views
How do you scale the carousel container size in Angular-UI-Bootstrap
Right now the carousel container falls outside the image.
I want the carousel container to have the same width as the image as shown in the example on https://angular-ui.github.io/bootstrap/.
...
0
votes
0answers
20 views
How to add hamburger menu vertical slide using angular UI bootstrap
How to add hamburger menu vertical slide using angular UI. I'm using "uib-collapse" but not sure does it works for vertically collapse the menu. I'm searching for the examples from 'Stackoverflow' ...
0
votes
0answers
11 views
Bootstrap Nav Tree Corner dynamic template change
There is a decorator, by which I can put any of your template :
app.config([
'$provide', function ($provide) {
$provide.decorator('abnTreeDirective', function ($delegate) {
var directive =...
0
votes
0answers
37 views
Angularjs: Cannot find module “../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.eot”
I have installed bootstrap and when I run the application using webpack I am facing above error.
Webpack.config.js:
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module....
-1
votes
2answers
27 views
How do I stop text inside element p from overflowing the viewport?
I am using angular uib-accordion to display the details parsed from JSON in angularJS.
However after styling I have noticed that the paragraph text is overflowing the viewport on small resolutions.
...
2
votes
2answers
2k views
How can I scroll to the top on page change using AngularUI Bootstrap's pagination?
I am developing a SPA using AngularJS 1.3.11 and AngularUI Bootstrap 0.12.0 have the following pagination which works well and as expected.
<pagination total-items="incidentCount"
...
0
votes
0answers
32 views
How to show dropdown on click of icon
How to show option in popover on click of icon which is present in list?
I am using bootstrap. I have a list.In that list I have one icon. I want to show popover on click of this icon. I want to show ...
1
vote
2answers
94 views
Testing UI-bootstrap-alert with protractor
I am trying to use protractor to test that my alerts are displayed correctly. Here is one of my spec files.
the HTML Code looks like
<div class="alert ng-scope floater bottom left ...
0
votes
1answer
17 views
Why is my angular filter not filtering all appropriate objects? Angular - angular-ui-bootstrap
I have a filter in my uib-typeahead The ng-options portion looks like this
<input
ng-model="mergeParticipant"
getDisplayValue(value.name, value.age, value.membershipId) for value in ...
