A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
4 views
Angular Bootstrap Collapse Navbar Not Responsive on Mobile Viewports
I'm developing a MEAN application that needs to look good on mobile browsers. At first I was trying and failing to use Bootstrap to make this responsive, as I didn't realize Angular was clashing on ...
2
votes
0answers
32 views
selecting element in uib-dropdown menu
I Have a HTML code like this.
<div ng-if="!hide" class="dropdown pull-right" uib-dropdown>
<a uib-dropdown-toggle href="" >
<div class="btn btn-primary-outline btn-circle btn-...
3
votes
3answers
1k views
angular-ui-bootstrap upgrade 1.3.3 to 2.0.0 missing uibAccordionGroup controller
Today I upgraded angular-ui-bootstrap package from 1.3 to 2.0 and the it throws me the error below.
Error: [$compile:ctreq] Controller 'uibAccordionGroup', required by
directive '...
0
votes
1answer
25 views
How to add uib-dropdown to a uib-tab to create a simple dropdown menu on a tab made with angular bootstrap?
i'm a novice when it comes to angular js (v1.5) and i'm currently working on a project using angularjs(v1.5), bootstrap 3, UI Bootstrap.
i tried to add the dropdown directive to the tabs directive as ...
0
votes
1answer
18 views
How can I serve my app without using webpack-dev-server?
I'm newbie in webpack, nodejs and angular, but I managed to make an app, it works fine in development environment, and I made a build with "webpack -p", the static files are generated (bundle.js and ...
-1
votes
0answers
27 views
AngularJS - sometimes blank page on IE 11
I have problem with my app on IE 11. Backend was written in Java/Spring and frontend in AngularJS with Bootstrap support. It's my first Angular project and almost first JavaScript project so I'm not ...
1
vote
4answers
43 views
Bootstrap input Group
I have a checkbox with a label in a input-group. And when I have a long text in the label it looks like
What can I do, that the input-group will resize, that the text will fit into it?
This is my ...
1
vote
0answers
39 views
Issue with Parent Child Scope With Modal: Using angular ui router with angular bootstrap modal ($uibModal)
Here is my current code:
Parent Controller
vm.animationsEnabled = true;
vm.open = function (size) {
var modalInstance = $uibModal.open({
animation: vm....
1
vote
0answers
274 views
$uibModal not working
$scope.openModal = function() {
var modalInstance = $uibModal.open({
templateUrl: 'views/modals/addToCartModal.html',
controller: 'RandomController',
// template: '<div class="...
0
votes
1answer
29 views
Angularjs UI modal resolve not working. ui.bootstrap.model
User clicks on videoClick
<div ng-repeat="list in lists" ng-click="videoClick(list.src)">
{{list.src}}
</div>
This works and following executes.
$scope.videoClick = function(val) {
...
-1
votes
2answers
46 views
Angular UI Bootstrap Dropdown doesn't close because parent stops propagation
I got a wrapper that stops event propagation because of other things happening in and with that wrapper. In that wrapper I got several directives with UI Bootstrap dropdowns.
The problem is, that ...
0
votes
0answers
30 views
Combining Angular Material with bootstrap ui
I am working on a application that makes use of Bootstrap UI, however recently I discovered the existence of Angular Material and I loved it the design. I started doing research and found out that ...
-1
votes
0answers
11 views
If we are not selecting any date in bootstrap date picker it's loosing it's already existingvalue
I am using bootstrap date picker in my project,I have two pages
. Add item
. Edit item
I am selecting a delivery date in add item page and able to saving in to my database. In edit form I am getting ...
0
votes
1answer
41 views
How to delete checked row or rows from table in jhipster
books.html
<div class="table-responsive">
<table class="jh-table table table-striped">
<thead>
<tr jh-sort="vm.predicate" ascending="vm.reverse" callback=...
-2
votes
0answers
7 views
The position of button is dynamic and i want to display a modal below that button? Any idea how to do it?
I want to display the left side modal under the ... button. Tried position absolute and z-index still its not working.
U can get the Code from :
http://ui-grid.info/docs/#/tutorial/...
0
votes
0answers
10 views
Bootstrap popover mouseenter flickers
I have created popover on mouseenter. But it flickers when I hover on it. Noticed that this is happening if I pass large text. Below is my code,
<a popover-template="'popover.html'" popover-...
0
votes
2answers
28 views
Unknown provider: $animateCssProvider <- $animateCss <- $uibModalStack <- $uibModal
If I update my angular version to higher version I am sure it will work, but I am more depended on 1.3.20 version of angular.
I tried angular-bootstrap version from 1.1 to the latest, nothing works ...
0
votes
0answers
19 views
angular js ui-bootstrap accordion when expanding and collapsing all, hangs the UI
I have an angular js app, on one of the UI view I have an ui-bootstrap accordion, and i have implemented a expand all / collapse all button to do the same, here is the source code for UI accordion ...
-3
votes
0answers
29 views
What are the best tips to make your site responsive to every device using Bootstrap components? [on hold]
I was reading several pages like first link and bootstrap components.
My website is intended to be responsive for all kind of devices,so when I use bootstrap classes should I put everything of xs-xl-...
0
votes
1answer
33 views
Refresh content of the dropdown based on result
I am trying to develop an Excel-like table filter where any number of filters can be applied across columns.
Please have a look at my code in plunkr. This works perfectly fine for the filtering of ...
0
votes
2answers
20 views
uib-popover not working as expected with a DIV element
I'm testing uib-popover and everything seems to work fine in the plunkr but when I change button to div then the popup seems displaced.
Any idea why?
This is the code, simplified from the official ...
1
vote
1answer
3k views
How to get UI Bootstrap Tabs to send an event when tab is changed
<uib-tabset type="tabs">
<uib-tab heading="Event Workflow Activities">
<div ng-include src="'webapp/event/EventWorkflowActivities.tpl.html'"></div>
</uib-tab&...
2
votes
0answers
291 views
AngularJS/AngularUI Timepicker validation error when minimum date is changed
I am using the timepicker control with the datepicker control from AngularUI. I have a date I want to set with two timepickers for start and end time.
My problem is that when I change the date, I ...
2
votes
3answers
4k views
how to add icon in tab in angular js >
Hi I am new at angular js,
my question is how to add an icon to a tab in angular js?
That's what I have so far:
<tabset panel-tabs="true" panel-class="{{demoTabbedPanelClass}}" heading="{{...
1
vote
1answer
23 views
Angular UI-Bootstrap Pagination
I have my ng-repeat template as;
ng-repeat="student in students| filter:searchText | filter: paginate "
while in the controller I have;
$scope.currentPage = 1;
$scope.itemsPerPage = 20;
$scope....
0
votes
0answers
25 views
How to use UI bootstrap dropdown with Angular JS and inside ng-repeat with dynamic data
In my case, I want to render the bootstrap dropdown menu inside an ng-repeat and also it has to bind to data from API.
My code is,
<ul class="nav nav-tabs list clearfix" id="myTab">
<li ...
-1
votes
0answers
12 views
combining bootstrap / slds / angularjs
I tried salesforce lightning design system, but I needed an UI bootstrap accordion (it needs bootstrap CSS so I used a bootstrap isolated class where needed to avoid conflicts)
But now the body of ...
0
votes
0answers
31 views
Having issues with the results of promises
I am working on a project with a Provider Hosted App containing Angular 1.5, Promise, signalR. I have created a viewmodel called Search.js and a dataService.js. I have the challenge that the promise ...
0
votes
2answers
37 views
Set property Id to a uibModal
I would like to know if it is possible to set an Id property to a modal generated through $uibModal so later I can capture the correspondent element by its Id. I successfully managed to generate as ...
2
votes
1answer
1k views
How to use UI Bootstrap Pagination for a table, generated using ng-repeat
I am trying to keep pagination in my Angular application using uib-pagination. I am unable to get proper way to do this.
HTML
<table id="mytable" class="table table-striped">
<thead>
...
0
votes
1answer
44 views
How to create dynamic menu base on roles using AngularJS
I am very new to AngularJS.
template.js
$templateCache.put('template/sidebar-left.html',
"<div class=\"sidebar-inner c-overflow\"><div class=\"profile-menu\"><a href=\"\" ...
0
votes
0answers
24 views
Angular Bootstrap Datepicker Popup Won't Focus Calendar
Angular 1.4.11 (also tried 1.5.8)
UIB: 2.2.0
In my app, the Angular Bootstrap datepicker popup directive won't focus the calendar popup. I cannot reproduce this in the demo page or in an plunker. So, ...
0
votes
1answer
24 views
How to open an existing controller/view in an ui-modal in AngularJS 1.x with $routeProvider
I know this is possible with the ui-router and also that in angular 2 this isn't an issue anymore. But for our actual project, we're stuck for the moment with angular 1.x and $routeProvider.
So what ...
0
votes
0answers
23 views
Angularjs ui grid issue with small set of data (very few rows) but containing huge text for some columns
I am using ui grid in Modal but I am facing problem in representing data with large text. I have only maximum up to 5 rows in my data set. But some of the columns in the rows have huge text. So I ...
0
votes
1answer
11 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
1
vote
3answers
50 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
1answer
31 views
Using ng-model-options updateOn:blur with uib-datepicker popup
I have an input that allows a user to either type or select a date via the uib-datepicker calendar (https://angular-ui.github.io/bootstrap/). When the user clicks on the input the datepicker pops-up ...
3
votes
0answers
45 views
angular ui bootstrap tooltip hidden
The sidebar in my application is as follows
<div class="wrapper">
<div class="sidebar-wrapper">
<ul class="sidebar-nav">
<li>
<a uib-...
0
votes
1answer
21 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
32 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
27 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
40 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 ...
1
vote
1answer
57 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:
...
3
votes
1answer
38 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&...
0
votes
1answer
14 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
...
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
1answer
16 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 ...
1
vote
1answer
112 views
Uib-alert css style is not applying
<uib-alert ng-repeat= "alert in ConfigurationAlerts" close="closeAlert($index)"> {{alert.msg}} </uib-alert>
var eWiggle = angular.module('eWiggleApp',['ui.router', 'ngAnimate', 'ui....
0
votes
1answer
35 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:...
