A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
1
vote
2answers
17 views
Bootstrap dropdown menu not opened after clicking
I am running this code in a brand new Angular 2 project generated from Angular-cli. But, the dropdown menu can't show after I click the button.
Also, very like to know how to debug this kind ...
0
votes
0answers
22 views
Angular Bootstrap Datepicker DateDisabled not working
I have a problem with my angular bootstrap datepicker.
I am trying to disable dates dynamically but for some reason the dates doesn't get disabled when they should be.
Here are the options for my ...
0
votes
0answers
9 views
ui-bootstrap pagination showing half of pages
I have filters and items per page working, but pagination shows exactly half of all pages no matter how many items per page and it doesn't change pages. I would like to get the ellipsis working too.
...
1
vote
1answer
22 views
how to get anchor links to work on bootstrap accordion and tabs
I've succesfully set up angular-ui bootstrap Tabs & Accordion to use one or the other dependent on the width of the screen.
I would like it so that when the user goes to the page with an anchor ...
0
votes
0answers
24 views
validation not retaining when switching views
I am using AngularJS and Bootstrap validator. I have created 2 views. In the first view I have a few controls and a submit button. In the second view I am showing a dashboard view of the submitted ...
0
votes
0answers
21 views
Angular ui bootstrap unable to render modal
I'm trying to create a custom modal using $ui.bootstrap with the following modal code:
var modalInstance = $uibModal.open({
animation: true,
templateUrl: '../partials/modal/...
0
votes
1answer
31 views
Passing function to angular js component
I have a component (parent component) in which I display a modal using:
showModal() {
this.modalInstance = this.modal.open({
template: "<upload-modal on-close='$ctrl.closeModal()'>&...
0
votes
1answer
14 views
pagination on ui-bootstrap-tpls 1.0.0 or next do not display
I use "pagination" directive of ui-bootstrap-tpls
<pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></pagination>
plnkr Demo with 0.14.3 of ui-...
0
votes
1answer
20 views
How to use Octicon with angular 2
I was creating an app using angular 2, bootstrap 4 and i found out that glyphicon were dropped, so i have decided to use octicon as suggested,
i did npm install --save octicons
After that i didn't ...
github
0
votes
1answer
11 views
UI Bootstrap Typeahead $digest already in Progress
Got $digest is already in progress when trying to populate data from $http.get
And here is my code
JSON result:
[
{
"id": 14,
"name": "RIAU"
},
{
"id": 21,
"name": "KEPULAUAN ...
2
votes
1answer
22 views
angular ui-bootstrap popover doesn't work
I got a list generated using angular 'ng-repeat', and I want if one item is clicked it will pop a popover to show some info. I tried several time but seems it doesn't work fine.
see plunker
a list ...
0
votes
0answers
23 views
how to open and close the Bootstrap modal pop inside directive link function?
I need to open the bootstrap modal pop up inside directive under some function , how could do with in directive.
Instead of these need to use angualr to open dialog.
var show = function () {
...
0
votes
0answers
12 views
Lag when displaying uib-tooltip
So here is the problem, i try to use uib-tooltip, its work i see it on hover, but field it self looks like have a double layer, upper and bottom. And i cant do nothing.
Exemple:
<ul>
<...
1
vote
0answers
23 views
Angular Bootstrap Calender Drag Event not working
I am facing problem in drag event of Angular bootstrap calender. I am using https://mattlewis92.github.io/angular-bootstrap-calendar/#?example=draggable-events
Here is my HTML code:
<div ng-...
3
votes
3answers
33 views
Angular: Remove a specific template from cache
I know how to remove all templates from cache by
$templateCache.removeAll();
But I want to remove a specific template only from cache.
The template is not loaded from $routeProvider but it is being ...
0
votes
1answer
29 views
tooltip-append-to-body=true bug
I got the very strange bug with angular-ui bootstrap tooltips. When its attribute tooltip-append-to-body set to true on some pages (not all of them) it doesn't work. Every time I hover the target ...
0
votes
0answers
11 views
tinyMCE editor in bootstrap popover
I want to use tinyMCE editor in bootstrap popover. I have tried multiple ways but nothing is working. Just I’m getting text area. Please share some sample how we can use editor in popover.
0
votes
3answers
37 views
Show confirm popup on clicking outside the modal - bootstrap
I am using AngularJS (1.5.9) in my app and ui-bootstrap.
I would like to show a confirm popup in case the user clicks outside the already open modal.
I tried to use the controlled exit with $...
0
votes
1answer
11 views
How to set the width of the dropdown in the typeahead module
I was trying to see how I can set the dropdown in the Typeahead module to have the same width as the input text and not change dynamically based on the width of the content in the drop down. I am ...
0
votes
2answers
56 views
How to close an Angular-ui-bootstrap uibModal on mouseleave using Factory?
I've recently switched all our modals directives in our app over to Angular-ui-Bootstrap modals. Much better, however running into a new style of modal which closes on mouseleave instead of a cancel ...
1
vote
0answers
20 views
ui.bootstrap.dropdown keeps focus when other controls are clicked
I am trying to use Angular UI's ui.bootstrap.dropdown directive where I am facing a problem. After I cilck on the caret of the dropdown and then click on anywhere in the body, then if I try to click ...
0
votes
0answers
16 views
How to split screen using bootstrap and change navigation background color?
How to split screen into two and change navigation background color?
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-...
0
votes
1answer
35 views
angularjs switch tab view using ui.bootstrap
I have set up two buttons to switch to other two tabs on click, but it is not working.
here is the html code:
<div ng-controller="TabCtrl">
<uib-tabset class="tabbable">
<...
0
votes
0answers
34 views
View doesn't show Controller's data
I have 4 files, View, a Module, a controller and a factory :
Module : project.module.js
(function () {
'use strict';
angular.module('BlurAdmin.pages.projects', [])
.config(routeConfig);
/** @...
-1
votes
0answers
28 views
How to bind the focused item from drop down list to input text in uibtypeahead
I am trying to implement uib type-ahead with angularjs. I am able to make it work with async data.But I am finding it difficult to bind the drop-down item to the text field when I try to use key-down ...
2
votes
0answers
30 views
Bootstrap tabs not working inside modal in AngularJS project
I have walked through similar questions asked by others but no answer seems to apply to my code. I have one modal instance that is opened from the main controller. It is based on the following HTML:
&...
0
votes
1answer
44 views
AngularJs - How to use method of one controller in multiple controllers?
I am bit new to AngularJS.
Here is my code:
table.js
.controller('ModalDemoCtrl', function ($scope, $rootScope, $uibModal, $log, tableService) {
$rootScope.$on("openRootDialog", function(...
0
votes
1answer
31 views
Allow angular-ui-accordion to collapse on body click
I have a angular-ui-accordion(panel) on the left side of my page. The functionality is working fine.
But I got an Issue where the accordion only collapses when clicked at the ui-accordion-header. My ...
0
votes
2answers
23 views
Angular UI bootstrap Modal is not working with AEM and sightly
In my application, I am using Angular UI bootstrap with AEM and having the sightly parameters in the same.
The issue is, when I try to access the sightly parameters inside the script tag of UI modal ...
0
votes
2answers
35 views
Close all dialog boxes in angular.js with bootstrap
I have an example in which a dialog box is generated, by clicking on the "show modal" button, here the dialog box is loaded, then if I click on the button of this modal called "open other modal", the ...
-1
votes
2answers
48 views
Angular 2 beginner. Can't run Bootstrap CSS nav element with Angular 2
I am a complete noob with Angular 2 and am trying to get the nav element in my html Bootstrap CSS work with Angular 2. I can't seem to figure out the problem.
I have a top-bar.component.ts -
//...
0
votes
0answers
26 views
When is main.min,js file created in Visual Studio 2015
I use Visual Studio 2015 along with Angular, bootstrap and jquery in my clients MVC and Web API based applications.
I noticed that the minified file is created named main.min.js. This file contains ...
2
votes
1answer
28 views
get col-md-4 to float with col-md-8 is scrolling
lets say I have a row like this:
<div class="row">
<div class="col-md-4">
stuff
</div>
<div class="col-md-8">
stuff
</div>
</div>
How do ...
0
votes
1answer
22 views
angularjs table refresh from model pop up
How to accomplish refreshing the table after $uibModel is closed ?
I am using $uibModel open method to pass the required data to Model.
The data from the Model shown gets saved, but the table does ...
-2
votes
0answers
26 views
'TypeError: V is not a function' while opening modal window of Angular UI-Bootstrap
This is the code I am using to open modal window.
<i class="material-icons" ng-click="editProvider(row.id)" role="button" tooltip-placement="bottom" uib-tooltip="Edit" tooltip-append-to-body="...
0
votes
1answer
30 views
Angular UI Bootstrap datepicker not calling customclass
I ham having an issue with angular ui-bootstraps datepicker
It refuses to call custom class wether its supplied through datepicker-options options or the custom-class attribute
code below
Jade
...
0
votes
1answer
30 views
AngulaJs: ng-click not work on netsted uib-accordion
I use nested uib-accordion, and I want add ng-click to each of uib-accordion.
<uib-accordion close-others="oneAtATime1">
<div uib-accordion-group class="panel-default" is-...
0
votes
0answers
14 views
How to set custom attribute to each page in ui.bootstrap pagination
I am using Ui.bootstrap pagination in my angular app. On each page click, instead of making a backend call with index or current page number clicked, I want to pass a custom attribute like FieldId.
...
0
votes
1answer
56 views
How to call function from a view when using nested controllers - AngularJS
In view.html tableUserCtrl is parent controller and ModalDemoCtrl is child controller. Now I need to call userAddT function written in tableUserCtrl from view.html when user submit the form. When I ...
1
vote
1answer
39 views
AngularJs: Nested UI-Bootstrap accordion not working, when update list value
I generate "ui-bootstrap accordion" by ng-repeat. I want upddate value of list dynamically. But when I update nested list value, second accordion is not working.
<uib-accordion close-others="...
0
votes
0answers
40 views
Changing content in Angular UI Bootstrap modal
I'm trying to have a counter in my Bootstrap UI modal, but I'm having some difficulty doing so. The code looks something like this:
var openSessionWarningModal = function () {
var markup = '<...
0
votes
1answer
30 views
How to display remote html page in modal window in Angular JS?
Bootstrap example:
<a class="btn btn-lg btn-default"
data-toggle="modal"
data-target="#remoteModal"
href="remote-page.html">Open modal window</a>
Could I do the same using ...
0
votes
0answers
29 views
Bootstrap Popover ui-grid angular column header issue
I am using the following angular grid http://ui-grid.info/.
I'm currently displaying bootstrap popover for each of the columns in my grid on the header cell. Each of the columns and their popover ...
0
votes
1answer
20 views
Dynamic Accordion-group not closing others when header clicked
We have a working Accordion Group that is dynamically loaded, with the subitem content populated when the headers are clicked.
It all works, except that we don't seem to be able to get other items to ...
3
votes
1answer
69 views
Unable to focus on text input after using angular-ui-bootstrap dropdown
I have a button which is using angular-ui-bootstrap dropdown and a vanilla text input. Once the page loads, I can freely enter text into the input box. However, after clicking the button, I can no ...
1
vote
1answer
15 views
change color of same div on ng-mouseover and ng-mouseout events angularjs
I have div tag, on-mouseover i wish to change existing div color to other and vice versa for on-mouseout.
<div class="btn col-lg-3" style="color:white;" ng-mouseover="" ng-mouseout="" ng-class=""&...
1
vote
0answers
17 views
angular-xeditable doesn't work well within ui-bootstrap <uib-tabset> element
I embed a angualr-xeditable inside a uib-tabset element, however the form can't be submitted.
Please check the code:
http://plnkr.co/edit/itDFMD?p=preview
<body ng-controller="MainCtrl">
<...
1
vote
1answer
34 views
Clearing the $viewValue on Angular UI Bootstrap typeahead
I have a form with fields that are dependent on each other, displayed using UI Bootstrap. Selecting a team from a bootstrap typeahead then populates a list of players that can then be selected in a ...
-1
votes
1answer
38 views
Can we display multiple months in the angular UIB date picker
on Page load can we able to display the two months calendar using Angular UIB date Picker.
Here is the HTML:
<html ng-app="ui.bootstrap.demo">
<head>
<script src="//ajax....
0
votes
1answer
26 views
cordova hybrid app soft nav bar overlapping my menubar on bootom
I develope an android app with apache cordova. I'm using angularjs and bootstrap. I have problem with some android devices which have the soft nav bar on the bottom like this.
When the soft nav bar ...
android
