Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
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....
1
vote
2answers
74 views
+300
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
0answers
15 views
AngularJS reloads page while opening Bootstrap Modal
I want to make a dialog to ask to the user for delete the content selected, here is my config:
My angular module declaration:
angular
.module('traffic-citations-app', [
'... other modules',
'...
0
votes
1answer
34 views
AngularJS UI-Bootstrap modal passing parameters to modal
I'm trying since couple of days to open a modal and passing it some parameters based on the link the user will click.
I'm using AngularJS 1.5.8 and UI-Bootstrap 2.1.3 with Bootstrap CSS 3.3.7. I'm ...
0
votes
0answers
28 views
Boostrap with “justified-nav.css” doesn't work properly
I'm only starting to learn to build a site using bootstrap and already I'm frustrated and stuck. So I want to build an HTML webpage that uses the bootstrap justified-nav.css style and bootstrap.min....
0
votes
0answers
21 views
Bootstrap 3 accordion menu: Stop the panel open from also opening the page
I am developing an Angular JS 1.5 app using Booststrap components. I have an accordion menu on the sidebar which is based upon this:
http://bootsnipp.com/snippets/QXqM1
(Not my code)
When I open a ...
0
votes
1answer
9 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-...
0
votes
1answer
17 views
How to align a button vertically in a bootstrap column grid
I have been working on a web page and had to place a button in the jumbotron class. My first 8 columns are taken by the heading. In the remaining 4 columns, I have placed a button. The button appears ...
1
vote
1answer
21 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
8 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
31 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
19 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
28 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="!...
1
vote
2answers
19 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>
<...
11
votes
2answers
15k views
How can you do server side paging with Angular's UI Bootstrap pagination directive
Hi we are wanting to do server side paging with Angular's UI Bootstrap pagination directive. We know how to create a RESTful endpoint to serve up the pages from our servers but didn't see any ...
0
votes
1answer
13 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
37 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
41 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
35 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
12 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
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
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
21 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
17 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
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
45 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
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
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
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
50 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
28 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="...
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
30 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/...
