A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
6 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
27 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
21 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....
-2
votes
0answers
8 views
Bootstrap Modal with button outside
I am struggling to create a bootstrap modal with previous and next button outside of modal like image below.
Any idea is appreciated. Thanks.
0
votes
1answer
23 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
0answers
10 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
18 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
6 views
-3
votes
0answers
22 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
17 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
22 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
27 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
11 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
17 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
23 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
0answers
21 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
9 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
27 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
35 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
16 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
13 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
26 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
19 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
26 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
19 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
25 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
36 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
50 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
32 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 ...
0
votes
1answer
42 views
AngularJS 1.6.1 form and ngInclude
Angular 1.6.1 breaks ngInclude in my project. I use ui-bootstrap 0.14 for the tabs.
<uib-tabset class="col-xs-11 " id="detailsContainer" >
<uib-tab active="$root.isFirstTabActive" ...
0
votes
0answers
26 views
Both Angular & bootstrap UI tab become active in prevent default
I got into a css problem while using angular ui tab. Issue is that I have a scenario in which I got two tabs. I need to prevent tab switching based on some condition.
For that I had used prevent ...
0
votes
0answers
40 views
How to export a excel file in Spring boot using Angular 2?
In my project i need to export Customer data in a excel file. I am using table structure using Hybernate build.
my controller is as:
@RequestMapping(value="exporttoexcel", method= RequestMethod.GET,...
2
votes
3answers
109 views
AngularJS UI Bootstrap merge two progress bars
I have set up two progress bars in UI Bootstrap, however my goal is to merge them into one, main bar and a secondary one which only is in the form of a vertical bar.
Here is the HTML code for my ...
2
votes
1answer
49 views
Make dropdown menu go upwards if it is at the bottom of the browser window [duplicate]
I am getting problem in Dropdown that goes down but it should go up according to window size.i am getting this problem in Angular UI Grid. Please see a link to understand better.
<div ng-...
0
votes
0answers
38 views
how to bootstrap pop-up override kendo-popup
In one of my application,there are lots of kendo window-dialog pop up.when click the button , kendo popup is open, while opening the kendo pop up, user is idle for 1 minute, need to show the warning ...
0
votes
1answer
26 views
ui-datepicker with ui-grid issue
I'm trying to update a editableCellTemplate in a ui-grid to include ui-datepicker so I'll allow user to have the possibility to select date using firefox or IE, but with no success.
Here is plunker ...
0
votes
1answer
56 views
Angular Controller not displaying message
I'm new to developing in Angular/Bootstrap, and i have a Contact Form on my site which uses an Angular controller for an AJAX call to a PHP file, which sends an email.
While it all works ~ the AJAX ...
-1
votes
1answer
26 views
can you re-initiate a ui-popover?
Since I'm injecting a <span ui-popover></span> after the DOM is constructed I need to reinitiate the popovers otherwise it won't show.
Is there away to do that?
HTML
<div ng-repeat="...
1
vote
2answers
28 views
Bootstrap dropdown menu not opened after clicking
I am running this code in a brand new Angular 2 project generated from Angular-cli. But, the dropdown menu can't show after I click the button.
Also, very like to know how to debug this kind ...
0
votes
0answers
34 views
Angular Bootstrap Datepicker DateDisabled not working
I have a problem with my angular bootstrap datepicker.
I am trying to disable dates dynamically but for some reason the dates doesn't get disabled when they should be.
Here are the options for my ...
0
votes
0answers
10 views
ui-bootstrap pagination showing half of pages
I have filters and items per page working, but pagination shows exactly half of all pages no matter how many items per page and it doesn't change pages. I would like to get the ellipsis working too.
...
1
vote
1answer
29 views
how to get anchor links to work on bootstrap accordion and tabs
I've succesfully set up angular-ui bootstrap Tabs & Accordion to use one or the other dependent on the width of the screen.
I would like it so that when the user goes to the page with an anchor ...
0
votes
0answers
24 views
validation not retaining when switching views
I am using AngularJS and Bootstrap validator. I have created 2 views. In the first view I have a few controls and a submit button. In the second view I am showing a dashboard view of the submitted ...
0
votes
0answers
24 views
Angular ui bootstrap unable to render modal
I'm trying to create a custom modal using $ui.bootstrap with the following modal code:
var modalInstance = $uibModal.open({
animation: true,
templateUrl: '../partials/modal/...
