A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
13 views
Pagination in AngularUI Bootstrap doesn't shows up
I have a problem with pagination in my app. I did it in AngularUI Bootstrap with example from here: https://angular-ui.github.io/bootstrap/ and pagination doesn't works - like in title, doesn't shows ...
1
vote
3answers
16 views
Can't pass a parameter to my ui Modal with AngularJS
In my angularJS app, I'm trying to pass a parameter to a modal popup so that when the Modal link is click, a name is displayed in the popup. The modal link is coming from a custom directive which is ...
0
votes
1answer
13 views
Using ng-repeat, filter, and uib-popup-datepicker to filter table column results
I have a common scenario for an angular application I am working and have not been able to solve this pattern. I've searched thoroughly for an answer to this scenario, but all like questions do not ...
0
votes
0answers
13 views
Navigating to TemplateURL in MobileAngularUI not working
I am creating a new project in MobileAngularUI and previously from Ionic project background. I am having some difficulties in navigating from one page to another using template URL and my controller ...
0
votes
1answer
27 views
Angular ui Open Modal Automatically on load page
angular-ui-modal]1 for create my site and I want to show my modal automatically when the user enter in my webpage. With ng-click is easy , I have this code:
var app = angular.module('app', ['ui....
0
votes
0answers
9 views
bootstrap carousel swipe not working
I've made a bootstrap carousel and it's working. Then I wanted to add atouch swipe option but to no avail.
here is my code:
<div style="background: #060606;">
<div>
<link rel="...
0
votes
0answers
7 views
Show error message horizontally near to the column
I am using AngularJs form and also using Bootstrap css.
I am trying to show the validation message in align with the control ( horizontally). Currently the error message is shown below the control.
&...
0
votes
1answer
14 views
UIB Datepicker Button Height
I am using uib-datepicker with following html:
<div id="date-group" class="form-group">
<div class="input-group">
<input id="dateInput" type="text" class="form-control" uib-...
0
votes
0answers
9 views
Leading zero with ui-mask on hours input from ui-timepicker
I need to block anything except numbers from the angular ui timepicker input, so I used custom template with ui-mask. The only things changed from default template from github:
added
model-view-...
0
votes
0answers
18 views
How to translate an Angular Bootstrap UI modal in a Django app
There's an application written in Django 1.8 where some modals are displayed with angular.js using UI Bootstrap.
I would like to add translations to this modal, however while adding django ...
0
votes
1answer
32 views
Angular Multi-item carousel
Ive been trying to make the angular carousel work, but iam currently stuck.
I am a newbie in angular, thus can i not get the ng-repeat too work correct.
what ive done:
<div id="slides_control"&...
0
votes
2answers
23 views
angularjs ng-repeater dynamically delete data
I have a situation where users added sample data as shown in figure. How can I add Delete button which deletes particular sample ONLY. From figure , I want 'Delete Sample 1" to delete Sample 1 ...
-1
votes
0answers
27 views
Bootstrap or Angular Material for Angular 2.4 [on hold]
Which one should I use for angular 2 web application? regular bootstrap or the one for angular https://ng-bootstrap.github.io/#/home ?
I need support for chrome and IE11, I have various web forms ...
0
votes
0answers
5 views
npm bootstrap-rtl for angular-2 cli project
I have angular2-cli project.
I use bootstrap 3 for the ui.
Now I need to support rtl.
I see In this link that I can add bootstrap-rtl by npm.
Is it match to angular-2 cli project also?
https://www....
0
votes
1answer
32 views
AngularJS. UI Bootstrap modal does not close on backdrop click when using custom styles
I am using UI Bootstrap modal with custom styles. When using default Bootstrap styles, click on the backdrop element closes the modal, but when using custom styles, click on the backdrop element does ...
2
votes
2answers
35 views
Bootstrap modal not working inside ng-include
I'm using bootstrap modal (Link) in my project but it doesn't seem to work inside ng-include
https://plnkr.co/edit/W3utfj7URejXpeJX524e?p=preview
<div id="myModal" class="modal fade" role="dialog"...
0
votes
1answer
20 views
angular uib-popover-template input two-way binding
I am working on uib-popover recently, I found a problem that I am confused with.
I want to popover a template, in this template I have an input, at first the input have initial value.
I want to ...
0
votes
2answers
34 views
How to resize table width based on screen size
I'm working on this page which contains a table inside modal-body.
The screen i work on is 22 inch and the table looks perfect on that. But when I see it on my laptop Macbook 13 inch, the table ...
0
votes
0answers
22 views
How to show large image using Bootstrap or Angularjs?
I am using bootstrap and angularjs, I want to show large image on. I clicked image but its not working. How do this? Any built-in library of bootstrap when I show large image.
<html>
<head&...
0
votes
0answers
27 views
Angular UI-Bootstrap Injector Error
I am trying to use angular ui-bootstrap on my project. After adding the required script dependencies in my layout.cshtml, I get the following error;
Error: [$injector:unpr] http://errors.angularjs....
0
votes
1answer
24 views
UI bootstrap dropdown toggle needs to be clicked twice if closed manually
I am using UI Bootstrap drop-down component to show angular-bootstrap-datetimepicker calendar on click. I have also added a $watch to close the dropdown after date is selected.
Plunker
<div uib-...
-1
votes
1answer
32 views
Comparison of components and classes between Angular Bootstrap vs Angular Material Design for Migration
Well, I know that Bootstrap and Angular Material Design are two differents framework's, but I also know that they have many similarities and it is possible to make a comparison of alternatives to use ...
1
vote
1answer
20 views
Closing angular-bootstrap-datetimepicker on date click
I am using UI Bootstrap drop-down component to show angular-bootstrap-datetimepicker calendar on click. I works mostly fine, but the calendar block only closes on click away, it doesn't when you click ...
0
votes
0answers
7 views
-3
votes
0answers
42 views
How to import an excel file in Angular 2?
I want to import some excel file in spring boot project using Angular 2.There is no way for doing it. Is any one have done it.
Now i am able to upload excel file. Below is code:
<input type="...
0
votes
2answers
18 views
How can I set min max init date?
I want to set min, max and init date to my uib datepicker?
What I have done doesn't work. I don't know where I am wrong.
HTML:
<input id="field_datePremierJour" type="text" class="form-control" ...
0
votes
0answers
25 views
adding logo in angularjs appliaction
hi friends i am new to this mean stack application. I want to insert a
logo in my application i used the fallowing code in index.html file
<html ng-app="myapp">
<head>
<link ...
0
votes
1answer
28 views
How to persist a success icon in the view after modal function with AngularJS and UI-Bootstrap? (Plunker)
I'm making something that works similarly to this plunker that I created.
In my app I'm using Firebase/AngularFire.
In the plunker you can see that when you check-in to a meeting, the icon changes ...
firebase
0
votes
0answers
15 views
Adding ng-style to a ui-bootstrap modal windowTemplateUrl
I have a use case where I'd like to resize the complete ui-bootstrap modal dialog box when something in the dialog box changes. Is this even possible?
I open the dialog using:
modalInstance = $...
1
vote
1answer
28 views
How to close/dismiss modal while still resolving?
I'm looking for a way to cancel the resolve of a Angular-UI Bootstrap modal and stop it from opening. The dismissAll method is not working because the modal instance is added to the modal stack only ...
-1
votes
0answers
25 views
Save and validate Tabbed form
i have created an angular bootstrap form with tabs in back end i create a new array and prepared date in it is it the clean way to save data come from a form with tabs?
How to save and validate a form ...
0
votes
1answer
31 views
npm installed in project how to use them
Created a project in web directory. Hello world example works.
Installed node and grunt.
Ran:
npm install angular-ui-bootstrap --save-dev
angular-ui-bootstrap is now in node_modules
How do I ...
-2
votes
1answer
18 views
boot strap grid css horizontal stacking [duplicate]
I'm trying to solve a css problem with bootstrap 'possibly' if we can stack rows with different height like this picture bellow (column has equal width but different height from one another)
...
-1
votes
0answers
12 views
Override ui.bootstrap.accordion template-url with Webpack?
I am currently using webpack 2, angular 1.6 and am trying to figure out how to use template-url="group-template.html" correctly. I installed ng-cache-loader.
enter image description here
0
votes
0answers
29 views
How to enable only particular dates in a month and disable all others with angular UIB datepicker
I am using a angular UIB datepicker in my project, I need to enable few dates in a month and then disable all other dates. For example, I need to enable the these dates: 10th jan 2017, 17th jan 2017 ...
0
votes
0answers
37 views
initializing angular after DOM has changed, doesn't work
I'm trying to re-initialize my angular app, so it will re-render the DOM since I injected elements after loading.
This is the short version of my angular function:
JS
(function(angular) {
'use ...
1
vote
1answer
17 views
Angular 1: How to add directive to DOM from view controller
What is the recommended Angular way of adding custom directives conditionally? No google post or SO article has seemed to really answer my question.
The app allows the user to display and interact ...
0
votes
1answer
14 views
TypeError: providedScope.$new is not a function - angular bootstrap modal
I have been following the official guides here but am still getting the error. A user on GitHub experienced the same issue but did not mention how it was resolved, only that there was an error in his ...
2
votes
3answers
28 views
css color condition in html based on database
I used here bootstrap. I want to red mark those row which Activity contains "N" .In my database Activity field has two characters. they are Y & N. I also used here jquery data table.What can i do? ...
0
votes
1answer
34 views
Uncaught ReferenceError: goAndFind is not defined at HTMLInputElement.onclick
i think i am doing everything fine but still i am getting this error. anybody please guide me through. i have two functions in my javascript file first is myfunction and second is goAndFind but first ...
1
vote
1answer
21 views
Date not showing up in angular-bootstrap datepicker
I have a table which conatians some dates and I am trying to use angular ui bootstrap to get a datepicker to edit them.
While the datepicker pops up fine and allows me to select a date with no issue, ...
1
vote
1answer
30 views
Bootstrap Modal: Content from html page does not show within the modal
I have a created a button when you click it a modal appears.
Here is the code:
<li style="float: right;">
<button id="myBtn" data-target="#myModal" ng-click="printDivModal('rollup-tab')"...
1
vote
1answer
21 views
Pagination in AngularJS
I'm using Bootstrap's Pagination directive to add pagination to a table.
What is so strange about this is that when I manually add to $scope.transactions (see commented out code in the controller), ...
1
vote
1answer
18 views
NG-Required not working on search input fields
I have a text box that is a search box (input type ="search") that I want to use the ng-required directive on it as needed.
The issue is if I set ng-required = true there is no red box around my ...
0
votes
0answers
29 views
Error: $compile:tplrt Invalid Template Root
angular.js:14195 Error: [$compile:tplrt] http://errors.angularjs.org/1.5.10/$compile/tplrt?p0=uibTypeaheadPopup&p1=customPopupTemplate.html
<script type="text/ng-template" id="...
-1
votes
1answer
24 views
To present JSON key value in Angular front end
I need to present the below JSON in the front end (Angular 1).
{
"test.employee.name" : "Royal"
}
Want to present both the key and the value in the front end. The json data will be stored in a .json ...
0
votes
1answer
37 views
How to make keypress select in drop down using Angular Js?
I have a drop down where the item size is large so I am looking for a way to enable keyboard-input (key press) so that I can type and it automatically moves to that option in the drop down. Any ...
1
vote
3answers
51 views
Creating a button that shows a modal in AngularJS using UIBootstrap
On my html page (rollup.html), I have a button..
<li style="float: right;">
<button id="myBtn" ng-click="printDivModal('rollup-tab')">Modal Test</button>
</li>
and I want ...
0
votes
0answers
41 views
Angularjs version 1.5 fails when I load jQuery
I use jquery-2.0.3.min.js and js/angularjs 1.6.1 from https://angularjs.org
It works OK.
Now I wanted to add ui bootstrap (http://angular-ui.github.io/bootstrap/).
But when I load it i get and error ...
1
vote
0answers
19 views
modal is losing focus on device with narrower display
My app has ui-bootstrap modal with a few inputs and button. It works perfectly on desktop, but on narrower screen the modal is losing focus (cursor disappears from input box) after releasing mouse ...
