A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
3
votes
3answers
32 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
0answers
10 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-...
0
votes
1answer
24 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
10 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
1answer
8 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
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 $...
1
vote
2answers
342 views
Can't focus input inside qtip inside bootstrap modal
I have a button inside of a bootstrap modal that displays a tooltip via qtip2. Inside the tooltip is an input element. I can't get the input to focus while the modal is open.
Here is my plunk: http:...
0
votes
2answers
41 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
18 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
14 views
How to split screen using bootstrap and change navigation background color. kindly suggest. below is the code which I am trying to do
How to split screen into 2 and change navigation background color
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
...
0
votes
1answer
33 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);
/** @...
46
votes
1answer
23k views
What is the difference between “dismiss” a modal and “close” a modal in Angular UI-Bootstrap?
What is the difference between "dismiss" a modal and "close" a modal?
close(result) - a method that can be used to close a modal, passing a result
dismiss(reason) - a method that can be used to ...
0
votes
0answers
18 views
How to dynamically close parent tooltip while child tooltip open?
I'm trying to add 2 tooltips on a form field in an angularjs application with ui-bootstrap-tpls-0.11.0.
Here is my code using tooltip:
<div class="form-group" tooltip="this is outer tooltip">
...
-1
votes
0answers
27 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
28 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
0answers
24 views
How can I add i-class icon inline with dropdown and custom directives
We have this custom directive that was made and this an old project. So I need to keep using it.
This is what I have and it works. They want us to add an icon next to the dropdown. But I'm not sure ...
2
votes
2answers
616 views
Angular UI Bootstrap tabs below
I've been looking for a way to display the tabs on the bottom, but haven't figured it out just yet. (I am using the Tabs directive, obviously)
I found this:
Angular UI Bootstrap Vertical Tabs
But ...
0
votes
1answer
30 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
21 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
vote
1answer
361 views
repeat inside dynamic popover - angularjs and ui-bootstrap
I'm trying to show the user a list of items inside of a popover that is all inside an ng-repeat. I'm using angularjs as well as the ui-bootstrap package (http://angular-ui.github.io/bootstrap/).
...
3
votes
1answer
3k views
Max/min attributes in bootstrap-ui timepicker
I want to use timepicker directive from bootstrap-ui. I need to use min and max attributes, but I don't understand how to use them.
I tried to use it on the range from 0 to 1440.
<uib-timepicker ...
1
vote
2answers
177 views
uibModalInstance as an Optional Service
I have a situation that needs to use uibModalInstance as an optional injector.
Because I need to use the same controller for two views. One is the popup view and other is normal view. When am using ...
-1
votes
2answers
45 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 -
//...
8
votes
4answers
7k views
Using Angular Bootstrap datepicker inside of ui-grid (unstable 3.0.0)
I am using AngularJS Bootstrap datepicker inside of the ui-grid (3.0.0 - unstable)
I have implemented the datepicker through the custom cellTemplate (ui-grid):
{
field: 'Wiedervorl',
...
0
votes
1answer
29 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
...
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
0answers
25 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 ...
0
votes
1answer
21 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 ...
13
votes
3answers
13k views
Angularjs bootstrap modal closing call when clicking outside/esc
I am using the Angular-ui/bootstrap modal in my project.
Here is my modal:
$scope.toggleModal = function () {
$scope.theModal = $modal.open({
animation: true,
templateUrl: 'pages/...
-2
votes
0answers
25 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
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
1answer
55 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
35 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
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.
...
2
votes
2answers
355 views
AngularJs Multiple directives asking for template
I'm using carousel angular ui bootstrap as a directive but running into this issue:
Error: [$compile:multidir] Multiple directives [carousel, carousel (module: myApp.common)] asking for template on:...
0
votes
0answers
37 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 = '<...
33
votes
9answers
27k views
Hide Angular UI Bootstrap popover when clicking outside of it
I am trying to manually close a bootstrap popover to get it to close when I click anywhere on the document or body that isn't the popover.
The closest thing I have found to accomplishing this is to ...
0
votes
1answer
145 views
Bootstrap select picker with ng-repeat is not working for JSON object
I was using Bootstrap select for search and multiple select but the problem is when i am using $scope object in ng-repeat for options it's not working . I have given my codes below .
<select name="...
0
votes
1answer
28 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 ...
-1
votes
1answer
36 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....
16
votes
5answers
31k views
Angularjs bootstrap tabset tab heading
I am wondering whether it is possible to write html inside an angularjs bootstrap tabset tab heading. I am trying to add a svg inside the title. I have created a quick snippet in plunker to try and ...
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 ...
0
votes
1answer
24 views
Angular UI Bootstrap Datepicker glyphicons-halflings-regular.woff font missing
I'm using uib-datepicker-popup component ( UI Bootstrap). And it seams that glyphicons fonts are missing. I'm using webjars for loading dependencies.
Folder assets font is missing definitely, ...
3
votes
1answer
64 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
33 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
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=""&...
