Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
9 views
bootstrap ui dynamic layout
Some states of my app have this layout
<div class="container-fluid">
<div class="row">
<div class="container" ng-class="grid.main">
<div ui-view class="...
0
votes
0answers
9 views
uibmodal not returning object after db commit
I am trying to return the same object after commit to the database. But I get undefined. I guess it's something that I have missed. Hope anyone can help.
The service is adding the review to the ...
0
votes
1answer
30 views
Web content not loading until it is brought into view even though the page loaded already
I am new to angular and creating a site. When I am on this page http://metrotennis.com/raymond/#/usta/brooklyn on mobile, trying to scroll down the page, the content will not load until the content is ...
0
votes
0answers
19 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
0answers
16 views
How to make Swipe work in Angular-UI bootstrap Carousel?
Swipe is not working in Carousel in ui-bootstrap v2.1.4 whereas it is working fine with v1.3.3
Is it any syntax change in new version that is causing error?
OR is it a bug in UI-Bootstrap?
Carousel ...
0
votes
0answers
11 views
Error: $rootScope:inprog Action Already In Progress with ui-datepicker
When I open the ui-datepicker and select a date, browser console show me the following errors:
"Error: [$rootScope:inprog]
http://errors.angularjs.org/1.5.8/$rootScope/inprog?p0=%24apply
N/<...
0
votes
0answers
11 views
AngularJs: $http.get
Unable to get data from external JSON file.
timesheet.json
[
{
"id": 1,
"date": "20th August 2016",
"day": "Sat",
"in1": "10:30",
"out1": "02:30",
...
0
votes
0answers
8 views
Strange error with ui carousel angularjs 1.x
Hi im using the theme http://start-angular.github.io/sb-admin-angular/
and when I try to make a carousel with the following sintax, it start to throw the same error again and again
TypeError: k is ...
0
votes
0answers
20 views
ui-bootstrap datepicker pop-up not closing after date selected
<input type="text" id="datepickerId" class="form-control datepicker" placeholder="Select date" required name="StartDate" server-validate="parameters.Start"
uib-datepicker-popup="yyyy/MM/dd"
...
0
votes
1answer
13 views
UI-Router 1.0.0-beta.2 and UI-Bootstrap 2.1.4 dropdown not closing
I'm using ui-route ui-sref in my links with the navbar using UI-Bootstrap dropdowns and if I use the anchor tag with href, the dropdown closes on click, but the anchor tags with ui-sref does not close ...
0
votes
1answer
35 views
Minimum supported browser(Chrome,IE,Mozilla) version?
i want to know minimum browser version required of Chrome, IE, Mozilla for each and every item listed below:
-------------item-------------Chrome----------------IE-------------------Mozilla
...
0
votes
1answer
27 views
Best structure for starting an angular js app?
i am creating a new angular js web app for a website, this will not be SPA.
i will use these libs ui-router, ui-bootstrap, ngResource, in starting.
so, can anyone help me by giving a sugession on ...
0
votes
0answers
25 views
boostrap nav don't work angularjs
I need to migrate my site with AngularJS but I have an issue with menu.
Usually my menu is like
but when I put my menu in index.html (I include the same files), my menu is like
...
Index.html:
...
0
votes
0answers
21 views
Set input text field with value using angular ui-bootstrap
I am using angular ui-bootstrap for fetching some recommendation as the user types in a text field. When the user presses down the key focus automatically gets to the first li which is a correct ...
0
votes
0answers
6 views
For ui-bootstrap Version 0.12.0 issue with popover-placement=auto is not working
Movie Title:
having properties ::-
popover-placement='auto bottom' popover="Title of movie" popover-trigger="mouseenter" popover-append-to-body="true" popover-...
0
votes
0answers
11 views
Resize Highcharts chart in Angular UI Modal
In this plunk I have a Highcharts chart within an Angular UI Modal. The modal can be resized with Jquery UI resize.
The objective is to resize the chart to 100% width and height of the modal whenever ...
0
votes
1answer
29 views
Issue with uib-tab alignment
I have implemented tabs using uib-tabset. There is issue with alignment of tab.
As you can see in below image, my 'Current' tab is shifted to left and it is moving out of card leaving uncomfortable ...
1
vote
2answers
29 views
Angular UI bootstrap tabs - Can't change tabs with a button inside a tab
I'm trying to change my active tab with a button inside the tab directive uib-tabset, but the button is only working OUTSIDE this directive.
What am I doing wrong?
Here's the code:
<button type="...
1
vote
1answer
17 views
Prerender Angular UI Modal
I am using the Anuglar UI Bootstrap Modal to open a dialog with AngularJs and am experiencing a performance hit the first time the modal opens. There is a noticeable stuttering as well as flashing of ...
0
votes
0answers
19 views
AngularJS typeahead on multiple datasets
I am working on AngularJS typeahead functionality.
I am using UI Bootstrap typeahaed directive.
Its working fine if the json object contains all data in a single array .
i.e
[{
"id": 76,
"...
1
vote
0answers
11 views
angular ui-carousel with thumbnails
I have the following html code that renders an angular ui-bootstrp carousel:
<div class="slider" uib-carousel active="active" interval="myInterval" >
<div uib-slide ng-repeat="slide in ...
0
votes
0answers
9 views
angular: How I can apply ngbDropdownToggle to tag with nested tags?
I need to implement dropdowm menu in angular2 application.
OK, I go to this page
get code from example:
<div ngbDropdown class="d-inline-block">
<button class="btn btn-outline-...
1
vote
1answer
14 views
Angular UI Bootstrap pagination - show first 12 records in ng-repat on inital page load
See this plunker for a working example of my issue.
Pagination is working when I click on a pagination page number but does not initially load the data for the first page (first set of records). The ...
0
votes
2answers
33 views
UI bootstrap datepicker not aligned
I have a UI-Bootstrap datepicker
<div class="col-md-2">
<label for="datepicker">Select Date<span class="compulsary">*</span></label><br>
<input type=...
0
votes
1answer
18 views
Bootstrap UI Datepicker Popup not working after 2.1.4 update
I have the following code snippet that was working fine in my web application utilising the Bootstrap UI library v0.14.3:
HTML:
<div class="form-group">
<label for="dateSelection">...
0
votes
2answers
31 views
Angular $uibmodal resolve with asynchornization
I have a service that gets data from a server. After retrieving data successfully, I would pass to a $uimodal in a directive. My code is described below
Problem is when I run my app first time, ...
0
votes
0answers
34 views
Bootstrap Modal on AngularJS duplicates the whole <html> context of my site
I want to make a dialog to ask to the user for delete the content selected, in my implementation I have a button that calls angular-confirm that uses ui.bootstrap.modal, but, once I click the button ...
0
votes
1answer
26 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
22 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 ...
0
votes
1answer
40 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 ...
1
vote
1answer
23 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
44 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
24 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
38 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
16 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
38 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
43 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
22 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
25 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
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 ...
0
votes
0answers
10 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
48 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.
...
3
votes
4answers
205 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 ...
