Tagged Questions
0
votes
1answer
7 views
Angular Lightbox only doesn't accept Relative Image Paths. 'Failed to load image'
When I used angular-bootstrap-lightbox v0.12.0, I got 'failed to load image' error when I used a path that was in my app directory ('app/images/xyz.jpg'). However, it works if I provide the absolute ...
2
votes
1answer
37 views
Angular Boostrap modal not updating table
Angular Boostrap modal not updating table, if $scope.test() call from ng-click event, it refresh table but from $scope.closeAdjustmentModal(function for closing modal) it is not getting updated.
$...
1
vote
0answers
27 views
Getting the details like email, phone number from the textarea using angular js
I have a textarea with ng-model="address". I am getting the value of address. My question is, i want to read the email, phone number, name from that textarea using the angular js.
please provide the ...
0
votes
1answer
15 views
add traduction to ui-datepicker in angular ui-grid
is there a way to translate the button in the angular ui-datepicker in this plunker example.
I tried adding close-text="{{\'lblClose\' | translate}}" current-text="{{\'lblToday\' | translate}}" clear-...
0
votes
1answer
32 views
angular bootstrap datepicker get visible dates (day mode)
I need to get visible dates from the Datepicker if mode is day.
Example:
In this case I need to get these 42 days. Also if user change month, I should refresh the Datepicker controller view and get ...
1
vote
2answers
46 views
angular bootstrap datepicker disable dates with $http request in dateDisabled function
So i have uibDatepicker directive (https://angular-ui.github.io/bootstrap/#datepicker) where i want to send request for each day provided in datepicker, hit server with that date, and return if it ...
0
votes
0answers
38 views
Angular UI Bootstrap Dropdown: Auto scroll to the selected value on open
I have a bootstrap dropdown menu with values from 0 to 50. When I open the page with a value saved - let's say 25 and click the dropdown the values shown in the dropdown are 0 1 2.... It should have ...
0
votes
2answers
25 views
Model is not refreshed in Angular UI type-ahead
To replicate the problem in this plunk, enter anything in the field, select any row and then click on the button "Change Name". You will see that the model is changed but the Angular Type-ahead input ...
0
votes
1answer
21 views
Two angular ui bootstrap pagination on same page not working
I have 2 angular UI bootstrap pagination on the same page but my second pagination is not working properly.
My first pagination initialization is:
<ul uib-pagination total-items="list_details....
0
votes
2answers
29 views
Changing CSS of Angular UI dropdown list doesn't work
In this plunk I have an Angular UI dropdown list with a class that attempts to change the color of the items in the list when the cursor is on the item (on hover)
I tried assigning a class to the <...
1
vote
1answer
154 views
How to handle 'Possibly unhandled rejection: backdrop click' in a general way
I have an angular service for handling modals:
angular.module('myApp').service('ModalService', function($uibModal) {
function open(options) {
return $uibModal.open(options);
}
});
Now I ...
-1
votes
0answers
21 views
singular framework will able to change the look and feel in asp.net page
Anyone have any idea about "Singular Framework".
Can we use it for changing look and feel in ASP.Net page.
Please help us anyone have any idea about it.
Thanks in Advance,
Regards,
Sanjoy
0
votes
3answers
52 views
How to create Angular JS ON-OFF Switch
I am trying to create ON-OFF switch by referring the link
Here i can not use the FontAwesome reference in the index.html file and what i have done is i have copied the font-awesome-css file in my ...
0
votes
0answers
22 views
Ag-Grid header Component adding custom header templates
I'm still using Angular 1.x and ag-Grid (non-enterprise).
But I'm trying to add tooltips from angular ui-bootstrap. So I need to add an attribute to all headers: "uib-tooltip='headerValue' "
The ...
0
votes
0answers
28 views
Angular ui bootstrap carousel not working - shows static images
I've used the same sample code shown in documentation for bootstrap carousel. I've included all my dependencies.
- Angular 1.5.8
- ngAnimate 1.5.8
- Bootstrap CSS 3.3.7
It works well in plunker since ...
0
votes
0answers
14 views
progress bar using Negative values which progresses from right to left?
I have a requirement about dynamic progress bar . In my application i'm trying to increase the progression of a bar with positive values now if user enters negative value it should start from zero to ...
0
votes
0answers
21 views
AngularJS Total items and Bootstrap pagination not working for range filter
I am working on my first Angular project and been trying to solve the below issue for days. Searching Google and Stackoverflow but couldn't find a solution that would combine pagination and range ...
0
votes
2answers
54 views
Week picker with Ui-bootstrap
I am using this week picker, and it is working fine, but i want
little more to be done with this, like when i select a week, all the
dates in between range should be selected and ...
0
votes
1answer
24 views
Adding compiled element to Angular directive is not working
In this plunk I have a directive that contains an Angular UI Modal. The directive takes transcluded elements and populates the modal.
This works fine, however when I try to compile new elements and ...
0
votes
0answers
7 views
AngularUI Bootstrap Carousel does not load until transition duration expires
I am building a Carousel using AngularUI Bootstrap. I overwrote/customized the default slide transition properties in my own css file. However I noticed that as I crank up the transition duration, the ...
0
votes
1answer
66 views
$uibmodal loading main page not template
bootstrap for angular and have this problem with $uibmodal it seems to load whole page not an template here is my code.
$uibModal.open({
template: [
'<div class="modal-content">',
...
0
votes
1answer
26 views
Date issue uib-datepicker and $filter Angular JS
I'm dealing with an issue with dates format:
in my formular I'm using uib-datepicker-popup to get the calendar and in the controller I need to format this date so I'm using a $filter('date'),
so here ...
0
votes
0answers
25 views
Using isolated scope with uib-modal
How can you use an isolated scope for $uibModal in UI Bootstrap?
You may pass the parent's scope:
$uibModal.open({
scope: $scope
})
or a new scope with $scope.$new()
but if the modal (as a ...
1
vote
2answers
27 views
How do I alter the properties of ng-model of angular bootstrap-ui radio button?
My HTML looks like this:
<div class="btn-group">
<label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Topics'" ng-click="buttonClick('Topics');">Topics</label&...
0
votes
1answer
28 views
AngularJS Bootstrap-UI Tooltip - How to Configure Options in Controller
I have an angularJS app which is leveraging bootstrap UI. I'm trying to set up some bootstrap tooltips, which have a large number of configurable elements. Rather than making my markup significantly ...
0
votes
1answer
25 views
Open a single accordion in Angular.js
I have a problem, I'm generating several accordions dynamically. But my problem is that when trying to open one, they all open. How can I solve that?
https://plnkr.co/edit/BQ4yQkEtiDrnhISozlOe?p=...
0
votes
2answers
51 views
Angular TypeError: name.replace is not a function for bs-popover
I'm new to angular and keep getting the following error in the console TypeError: name.replace is not a function. I'm not sure what's exactly causing it, but it seems to be caused by the bs-popover ...
0
votes
1answer
25 views
Angular-material calendar with custom class
At Angular UI Bootstrap directive you can add customClass function that give any date a class according to the user decision.
My question is: Can I do the same thing with the material calendar?
...
0
votes
0answers
14 views
Error: $compile:multidir when I have more than one $uibModal component
I've got this strange problem where I have various modals in a view so you can open different forms. I'm using $uibModal calling the component I want to show but I'm getting the multidir error all the ...
0
votes
1answer
30 views
How to open a already created html model dialog using angular js function
I'm trying to invoke a an already created html angular modal dialog using angular js function. Following is my Code:
<div class="modal fade" id="myModal" role="dialog" modal="showModal">
<...
0
votes
0answers
28 views
Protractor: How to assing a localized value to an input field defined with uib-typeahead?
I have the following input field defined in a template:
<input id="addTodo_Todo_access" type="text" name="todo_access"
uib-typeahead=" level as level | translate for level in vm....
0
votes
1answer
39 views
how to set system proxy from angular js app
I am creating an app using node js and angular ui, where i need to ping a server.
To ping a server i have written the folloing code, which works perfectly :
app.get("/api/getPing", function (req, res)...
0
votes
0answers
45 views
Needing to display Angular UI Bootstrap progressbar with text behind the progressbar
I am needing to display text behind the progressbar centered with the progress bar advancing over the top of it. If it is a time consuming operation only a small portion of the text is displayed. Any ...
0
votes
1answer
28 views
Ui-date timepicker - angular js . - Can't close the timepicker box by click on the input
Im using the simple demo of uidatetimepicker
https://rawgit.com/Gillardo/bootstrap-ui-datetime-picker/master/example/index.html
The difference is that i'm not using the clock icon - I have ng-click ...
0
votes
0answers
39 views
Angular UI bootstrap carousel get active slide Object
I'm trying to get active slide object from slides array, in angular UI bootstrap carousel:
My current solution:
app.controller('myContr', ['$scope', '$http', 'filterFilter', function($scope, $http, ...
0
votes
0answers
32 views
Adding glyphicon images in AngularJS ui grid
I want to have a glyphicon icon and be able to add a record in AngularJS ui-grid on left hand side of the panel.
want to add glyphicon image and add an event when user clicks it that will add an ...
1
vote
1answer
50 views
UI Bootstrap Modal promise and controller scope
I'm new to AngularJS and using UI Bootstrap in a project. I want to mark an I've read the T&Cs checkbox as checked once the modal (containing the T&Cs text) is closed (but not when the modal ...
0
votes
0answers
22 views
uib-timepicker saving time with 7 hours off from time selected
I am using uib-timepicker and the time that is saving to my sql database is off by 7 hours. It shows up on my uib-timepicker and ng-model as the correct time but, then saves differently in the ...
1
vote
1answer
18 views
filter:$viewValue applies not to translation
I have the following code:
<input id="todo" type="text" name="todo_priority"
uib-typeahead="priority as priority | translate for priority in vm.priorities
| filter:$viewValue" ng-model="vm....
0
votes
2answers
32 views
uib-popover not closing on outside click
I´m using the Angular UI Bootstrap Popover, but I´m unable to get it to close on outside click. I´m using the outsideClick trigger (popover-trigger="outsideClick") Why is this not working?
<...
0
votes
1answer
29 views
angular bootstrap datepicker default custom class (in config)
I need to update all my datepickers so they display current day highlighted. I found code custom-class="getDayClass(date, mode)" , but do i really need to copy-paste this to EVERY datepicker directive?...
0
votes
0answers
43 views
Drag And Drop html control over a canvas image using Angular Js
I want an Application where a user can drag and drop HTML control like textbox, checkbox, calendar over an image and the user can also able to resize it. I have done so many R&D but didn't find ...
0
votes
0answers
23 views
How would you add Bootstrap's panel-footer div to Angular-Ui's uib-accordion directive
I'm using the latest version of UI Bootstrap. In particular, I'm making use of the Accordion directive.
The Accordion directive adds a div with the Bootstrap's panel-body class. Everything then ...
0
votes
0answers
20 views
Unable to set custom validation error in angularjs directive with angular ui bootstrap datepicker popup
I have created a custom angularjs datepicker popup directive. It is just a wrapper over the angular ui bootstrap datepicker popup. When i set the max-date/min-date in the datepicker options, the ...
0
votes
0answers
35 views
$compile:tpload Failed to load template (Custom template)
I am getting an error when trying to open a modal with a custom template. All the files are inside the same folder. Here is my code:
noticeModal.html (the custom modal)
<div class="modal-header"&...
1
vote
1answer
32 views
Not getting Text on my Image in AngularJS?
.relative{
position:relative;
width:600px;
}
.absolute-text{
position:absolute;
bottom:0;
font-size:24px;
font-family:"vedana";
background:rgba(251,251,251,0.5);
...
2
votes
2answers
32 views
Getting Images in the form of Grid in AngularJS
How to display all the images in the form of grid, which all will come from back end, so the images are in the dynamic form. and I have to put Description as well on those images, and those ...
0
votes
0answers
44 views
Angularjs Ui-Bootstrap modal popup inside specified element
i have a problem with my code , this code is about append a modal to element with specific id. so that when button clicked ,this modal popup will showed inside div element with id="forModal" (div ...
2
votes
1answer
44 views
Angular Bootstrap Tooltip Dynamic Content
I am making a cart application in Angular using Angular Bootstrap.
When hovering over the cart icon a tooltip should appear. The tooltip's content should change based on if the item is already in the ...
0
votes
0answers
24 views
Boostrap on tab click keep the first tab contents constant and show some extra fields
I have started learning bootstrap to use it in my project . I have ran into a situation where . I would like to keep the contents of first default tab always available(the tab is always fixed). When ...
