A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
1
vote
1answer
16 views
change the height of ui.bootstrap.alert
I'm trying to add ui.bootstrap.alert based on this example: https://plnkr.co/edit/?p=preview.
It works okay as following except that it's too big for me.
So I changed the height in CSS and here's ...
0
votes
0answers
5 views
Is it possible to add swipe control with ngTouch to angular bootstrap pagination?
I'm using ui.bootstrap.pagination and would like to be able to navigate through the pages by swiping left and right on mobile devices.
I use the pagination on my website to imitate the look of a ...
1
vote
1answer
23 views
Issues in rendering css/bootstrap classes in angular2
I am having some issues in CSS/Bootstrap work when it is rendered in a angular2 component.
when I try to render the CSS/html contents in Index.html file (with proper references for CSS,JS) the ...
1
vote
1answer
17 views
Firing event from dynamically opened controller to parent controller in Angular js
I am developing an Web Application using Angular JS. Frankly, I am new to Angular JS. in my app I am using bootstrap.ui js for angular js. But I am having a problem with bootstrap modal controller. I ...
0
votes
0answers
24 views
Inner div not expanding with Outer div
I have an angular application which included UI-Bootstrap and I have an issue with responsiveness.
Index.html:
<body>
<div ng-include="'partials/common/loginHeader.html'" ng-show="!...
0
votes
2answers
15 views
Issue with collapse in AngularJs
I know this going to be a silly mistake but I can not figure it out.
Here is my controller
var app=angular.module('mainApp',['ngRoute','ui.bootstrap','ngAnimate']);
index.html
<head>
<...
0
votes
0answers
34 views
UI Bootstrap Navbar
I am trying to implement the UI bootstrap navbar
<div ng-controller="MainCtrl">
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better ...
0
votes
0answers
10 views
AngularJS: service $http.get JSON file
I am very new to AngularJS. I have read several posts on this topic, but am still unable to get data from external JSON file.
here is my code
data.json
[
{
"id": 1,
"date": "...
0
votes
1answer
33 views
How to check if a Bootstrap UI modal is open? - AngularJS
My application can open a modal if there's already one open. If that's the case I want to close that modal and open the new one after that's done.
Service to open modals:
app.service('ModalService', ...
1
vote
1answer
11 views
Popover editable for tooltip
I am new to angular js and bootstrap. I have a requirement that i need to implement a popover on hover or click and the user should be able to edit the tooltip. Could you suggest an approach to ...
0
votes
1answer
40 views
Validate start date and end date on AngularJS Bootstrap date picker?
I am new to Angular JS and I am trying to implement validation for date time picker in my Angular project.
I am using bootstrap date picker.
My HTML is :
<div>
<form id="edit-profile" ...
0
votes
0answers
16 views
how to time value in angular-ui-bootstrap
I'm using HTML5 date picker. After choosing the date the value shows complete 2016-09-05T18:30:00.000Z" but i want to set the value like "2016-09-05 23:59.59". irrespective of time it is.
<input ...
0
votes
0answers
20 views
Date Formating issue in angular with uib-datepicker-popup [duplicate]
I'm using HTML5 date picker. After choosing the date the value shows complete 2016-09-05T18:30:00.000Z" but i want to get only "2016-09-05".
<input ng-if="searchParam.editMode && ...
0
votes
1answer
24 views
Angular bootstrap modal events
I'm trying to fire events for all UI modals that I have across the project, I want an event to fire when any UI modal opens or closes ?
Example:
anymodal.opened.then(function() {});
0
votes
0answers
14 views
Express js custom date format function
Hi i need a common function which should be able to convert date fields in two ways:
When i send data from client to server
When i receive data from server to client
Actually when i send data from ...
0
votes
0answers
16 views
Ui-modal shoud hide behind another div in ie
Hie All,
I use UI Bootstrap - AngularUI for displaying time.whatever timeselected by user video will be play in div. but problem is that when run my website in IE
time picker dialog box is hide ...
0
votes
0answers
9 views
Why can't I set the template-url for uib-carousel dynamically?
I'm trying to override the template-url for the uib-carousel directive, https://github.com/angular-ui/bootstrap/tree/master/src/carousel/docs, however I can't get it to work unless using a 'hard-coded'...
0
votes
1answer
44 views
Uncaught SyntaxError: Unexpected token < when using bootstrap js
Here is the code of my index.html:
<html>
<head>
<meta charset="UTF-8" >
<title>Index</title>
<link rel="stylesheet" href="styles/main.css" />
&...
webstorm
0
votes
0answers
15 views
Prevent uibModal to popup if user was not Authenticated
I'm trying to use $uibModal to popup only for Authenticated user. It turned out that the alert fired correctly, but the popup still show up after closing alert.
How to prevent the modal to show up.
...
0
votes
1answer
42 views
Transclusion in Angular UI Modal not working
The objective of this plunk is to transclude elements into an Angular UI Modal from a controller, where the Modal is wrapped by a directive. The solution should follow these premises:
The directive ...
0
votes
1answer
31 views
Inserting an image into Bootstrap according is breaking collapse function
I am attempting to insert an image into a bootstrap accordion and when I do it makes that section (second accordian section) of the accordion remain open - where it should be collapsed initially ...
0
votes
1answer
39 views
include ui-bootstrap-tpls.js script
I'm trying to implement an example of iconPicker so the files which I should import are:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js">...
0
votes
1answer
24 views
Close bootstrap model popup from another controller
Hi i have a controllerA which generate a form based on some URL parameters and after submitting that form some some action will be performed. Now i have created another controllerB and in that i have ...
0
votes
1answer
17 views
angular-ui-bootstrap accordion not working on yeoman-generator
I am working on the implementation of accordion using angular-ui-bootstrap on the top of yeoman swiip-generator.
Using the example from the official angular-ui-bootstrap page to display simple ...
0
votes
0answers
25 views
scrollbar not working in fullscreen api
i made one web app , when user click login button, detect user from mobile or desktop. if mobile browser , app should go full screen mode. its working good. my problem is when browser go full screen ...
0
votes
0answers
18 views
Bootstrap Modal Dialog Not Displaying (Angular)
This issue is specific to IE.
My project is using Angular (1.4) and the UI Bootstrap component.
When launching a modal, the modal dialog appears fine on Chrome. However in IE only the backdrop ...
0
votes
0answers
14 views
ui bootstrap show popover for specyfic element
I have got dynamic content created by dynamic library, so for instant that library give me event :
vm.onItemClick = function (event, item){
event.evelment --> htmlelement
};
can i add ...
2
votes
2answers
32 views
Dynamically set tab in AngularUI Bootstrap (ui.bootstrap.tabs)
I am using the tabs directive of AngularUI Bootstrap with dynamically generated tabs.
<div ng-controller="TabsDemoCtrl">
<uib-tabset active="activeForm">
<uib-tab index="$index" ng-...
0
votes
3answers
49 views
Add circle and to create UI like this using Bootstrap?
I am new to bootstrap.
I have to add circle between two divs using bootstrap.
I have added html for that but it is not working for me.
So, please help me to fin the solution for this.
Thanks
<...
0
votes
1answer
26 views
How to update form input with bootstrap dropdown using Angular
I try to use uib-dropdown to update the form. When the user select from dropdown, it should popup in text box. There seems wouldn't be a problem if the text box didn't have its own model.
The form ...
0
votes
0answers
28 views
Can not use typeahead and simple $http.get together
Here is the problem,
When I try to call a JSON into my angular JS app, I can not do it since I am also using the UIBootstrap API with typeahead angularjs app:
Here is my ejs file
<!...
1
vote
1answer
23 views
Typeahead fetch data from url json value not working
Hi 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="...
0
votes
1answer
29 views
Angular ui-bootstrap modal unknown provider
I have read a lot of questions about this problem but I'm still not able to find a solution for my case.
Unknown provider: $uibModalProvider <- $uibModal
What I have done so far:
installed ...
0
votes
1answer
26 views
Angular UI bootstrap typeahead ng-model says null when clear the filed
The filter works very well, but unfortunately the {{filterlist.name}} says null once removed the typed text and also tables looks empty because of null
Demo: https://plnkr.co/edit/...
0
votes
0answers
15 views
Why Bootstrap Progressbar doesn't work on IE 11
I am trying to bring in the progress bar dynamically but it doesn't work for me on IE 11.
<div class="progress-bar progress-bar-success" role="progressbar"
aria-valuemin="0" aria-valuemax=...
0
votes
1answer
12 views
Why the UI-Bootstrap popover does not appear when inside an ngIf?
The code says it all.
I am aware that ngIf will remove or clone element from/to the DOM, but I don't see why the popover directive is affected (popover-is-open).
Plunker : https://plnkr.co/edit/...
0
votes
1answer
7 views
Angularjs UI Bootstrap Popover - Put html table inside the popover
I'm using this, Angular-UI Bootstrap Popover
And below is my code snnipt:
<a href=""
popover-placement="{{$index < 4 ? 'bottom' : 'left'}}"
popover-trigger="outsideClick"
uib-...
1
vote
1answer
25 views
HTML pre tag printing extra line if bootstrap is used
I am having difficulty when printing pre tag where the number of records printing is more than 53 using bootstrap and I always get empty page in print preview. However, if the record is less than 52, ...
0
votes
0answers
43 views
update variable inside resolver “ui modal bootstrap” angularjs
row inside the historique function is an object from a table rendering machines so its an object
(function() {
"use strict";
angular
.module('ngClassifieds')
.controller('...
0
votes
0answers
24 views
UI Bootstrap ng-repeat elements using the uib-popover with a close button
I have a list of elements that are shown by an ng-repeat and each of them uses the uib-popover directive to show the details of each element.. so the thing I'm trying to figure out is how to add a ...
0
votes
0answers
33 views
UI Bootstrap Modal text does not display
I have this angular project and on the sign in page has a dropdown where you can either signin or register. When you click the register button it opens up a modal which allows you to enter your ...
0
votes
0answers
8 views
How to set component output binding from ui bootstrap's uibModal.open
Given a component with an output binding, like this:
angular.module('app').component('myComponent', {
templateUrl: 'myComponent.html',
bindings: {
onSelect: '&'
},
...
0
votes
1answer
40 views
Set a <div> to be a specific amount taller than a dynamic sized <div>
Using Angular & Bootstrap.
My ui-grid-viewport div is overflowing my ui-grid div.
I would like to have my ui-grid resize vertically to fit myui-grid-canvas as well as the horizontal scroll bar ...
0
votes
0answers
12 views
Not able to set tab active via controller after selecting tab from UI side manually (angular-ui-bootstrap)
I am trying to set tab via controller which works fine. But after selecting tab manually from UI side, the code in controller does nothing, no error nothing.
Angular: AngularJS v1.4.9,
UIBS: Version:...
0
votes
1answer
27 views
How to change css class according to the name attribute of a parent
I need your help for a CSS issue. I must change a class on only one element which is created with this : https://angular-ui.github.io/bootstrap/#/dropdown
The element is encapsulated in the generated ...
1
vote
0answers
22 views
Error for fullcalendar modal
I'm building a fullcalendar webapp and I'm using a modal in my angular setup but it's giving the error below when I click on a date box on the calendar to pull up the modal. What could be wrong? I'm ...
0
votes
1answer
12 views
Disabling Animation For Angular UI Bootstrap Modals Completely
I'm using Angular UI Bootstrap Modal component, and I can disable animation for a modal like this:
var modalInstance = $uibModal.open({
animation: false,
component: 'myComponent'
});
Is ...
0
votes
0answers
13 views
angular chosen not closing after selecting option
I am using angular chosen to spice up my select options, And all is good and well.
But when I try to put it inside a modal selecting one of the options closes the modal, but chosen stays open.
Tried ...
0
votes
0answers
19 views
Using a controller as uibModal Controller
So I am working on a module called "ShowTree".
Before this, I have a controller named "InviteUserCtrl". Inside the ShowTree module, there is a button that will show a uibModal that is used to add new ...
0
votes
0answers
23 views
Bootstrap click action adding parameters to redirect url
I am using bootstrap with angular2, I have one of the buttons as
<div class="form-actions">
<button (click)="login()" type="submit" class="btn btn-primary">Login</button>...
