A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
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
18 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
1answer
37 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
1answer
28 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', ...
0
votes
0answers
5 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": "...
13
votes
4answers
29k views
How do I tell ui-Bootstrap what content to paginate?
I am using ui-Bootstrap and I am trying to get the pagination working but I seem to be missing something. I have read the documentation and looked at a bunch of plunkers to try and work out how they ...
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
23 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
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
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
13 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 ...
6
votes
2answers
1k views
Use Jasmine to test a service with uibModal and lodash as dependencies
This is my first time using Jasmine, and I have tested my first Factory without problems.
But now, I want to test this Service:
angular.module('Questions', [])
.service('QuestionsService', function(...
0
votes
0answers
8 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
43 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
1answer
36 views
Transclusion in Angular UI Modal not working
This plunk contains a directive that wraps an Angular UI Modal. The directive has a transclude declaration with the objective of including in the Modal elements defined in the directive. Problem is ...
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
30 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
38 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
2k views
Angular UI Bootstrap pagination not working
I am using ui-Bootstrap pagination but its not working as expected I refer following post but its not working for me.
How do I tell ui-Bootstrap what content to paginate?
My code is as follows.
&...
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 ...
1
vote
3answers
30 views
Replacing modal content after it's opened? AngularUI Bootstrap
Could someone explain how I can replace the content inside a modal once it's opened? I'm opening a modal when a specific websocket event is fired.
After that event I get status updates and I want to ...
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-...
2
votes
3answers
3k views
how to change route for each tab in uib-tabset
When I choose a tab, I want the url to change. should I create a state for each tab ?
This is my code which works fine without changing the state .
My app.js
var myApp=angular.module('app', ['ui....
2
votes
1answer
332 views
how can angular ui modal popup from right side
how can the angular ui modal popup from right side, not the top ? That will be more interesting.
angular-ui
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
27 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
22 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="...
6
votes
1answer
10k views
Updating the model from a typeahead-on-select
Consider the following in the body of my html file:
<html>
...
<body>
...
<div class='container-fluid' ng-controller="TypeaheadCtrl">
<input type="text" ng-model="selected" ...
7
votes
9answers
6k views
Angular ui-select is not displaying the list of options when included in angular-ui-bootstrap modal
I am facing an issue with the anular-ui-bootstrap modal directive.
Am using the angular's ui-select component in my app as a replacement for the html select. This ui-select is working fine in any page ...
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
0answers
19 views
Bootstrap - Adding another Team Member to grid
I want to add another team member to the below but every time I do it adds it to the next line down. Ideally I would like x6 across but if need be 3 then 3.
The code below currently shows the x5 ...
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
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
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
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
7 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
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 ...
