A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
38 views
Angular Controller not displaying message
I'm new to developing in Angular/Bootstrap, and i have a Contact Form on my site which uses an Angular controller for an AJAX call to a PHP file, which sends an email.
While it all works ~ the AJAX ...
1
vote
1answer
55 views
Typeahead fetch data from url json value not working
Below is my HTML code for angular typeahead:
<div class="form-group">
<select name="" class="form-control" ng-model="city" ng-change="onChange(e)" id="city">
<option value="DELHI"&...
-1
votes
0answers
10 views
can you re-initiate a ui-popover?
Since I'm injecting a <span ui-popover></span> after the DOM is constructed I need to reinitiate the popovers otherwise it won't show.
Is there away to do that?
0
votes
1answer
258 views
Bootstrap3: navbar-fixed-bottom conditionally hide depending on content length
I would like to have a bottom navbar sticking to the bottom of the page when shown with the following behaviour:
* shown:
1. When the page content height is smaller than the page height
2. ...
1
vote
2answers
23 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
24 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.
...
33
votes
10answers
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
2answers
955 views
UI-Bootstrap - Popover/Tooltip for mobile display
I have a problem with Bootstrap-UI Tooltip/Popover-directive in mobile displays.
If the User clicks a button with a Tooltip, this Popover is shown correctly. But unfortunately this popup will not ...
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 ...
2
votes
1answer
528 views
angular custom directive two way binding not working inside uib modal
I'm having difficulties with a custom directive two way binding inside uib-modal.
The directive gets the model variable from the uib-modal scope, but on change, the model in the uib-modal isn't ...
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
0answers
24 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
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
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
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>
<...
10
votes
1answer
15k views
Angular UI Bootstrap Modal update $scope
I want to use the modal to edit my data. I pass the data to the modal instance. When I click ok I pass the edited data in the $scope.selected back to the controller.
There I would like to update the ...
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
1answer
12 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
346 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
58 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
1answer
36 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
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(...
2
votes
2answers
618 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
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
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
4k 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
181 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
49 views
Angular 2 beginner. Can't run Bootstrap CSS nav element with Angular 2 [on hold]
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
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
...
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
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 ...
