Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
7 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
2answers
37 views
+50
How to Change .popover-content CSS for ui-bootstrap popover
I am using the ui-bootstrap popover to list some notifications in my application.
I am using the uib-popover-template to design the content of the popover.
I would like to change the padding ...
-2
votes
0answers
10 views
In line add editable grid with pagination and sortings and searching [on hold]
Which is the best in line add and editable grid library with pagination and sortings and searching? I am using angular js
0
votes
0answers
10 views
Bootstrap popup compatibility with safari on iOS
I have a problem with Safari browser and iOS on iPhones.
I'm using on frontend uib-popover to show user explanation of view he is on.
It works in almost every web browser except Safari.
The problem ...
0
votes
0answers
5 views
Bootstrap currency not working
I am trying to implement bootstrap currency picker,
I have also added the following plugins,
but the dropdown list isnt getting populated with the currency list
0
votes
1answer
19 views
TextArea required not working in bootstrap modal
I have a small issue with a required field in a body of a bootstrap modal, ideally i want to validate the field before submitting but for some reason required is working , Can you please have a look
...
13
votes
3answers
15k views
Angular UI Bootstrap Popover - How add a close button
I've a table with a popover for every cell as in the follow example:
the call to popover:
<td ng-repeat="i in c.installments" ng-class="{ 'first' : i.first, 'last' : i.last, 'advance' : i.advance....
0
votes
1answer
2k views
Unit test ui.bootstrap modal
var showChangePasswordDialog = function(){
var modalInstance = $modal.open({
templateUrl:'changePassword/changePassword.html',
controller: ...
0
votes
0answers
17 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
17 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
26 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
20 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
2answers
23 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
48 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 ...
1
vote
1answer
35 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 ...
1
vote
2answers
2k views
Form Submission in Modal Window and Refresh Content of a Tab
I have 2 tabs: list.brands and add.brand:
<script type="text/ng-template" id="list.brands">
<table class="table table-striped table-bordered bootstrap-datatable datatable dataTable" ...
0
votes
0answers
25 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 ...
99
votes
4answers
37k views
Extending Angular Directive
I'd like to make a minor modification to a 3rd party directive (specifically Angular UI Bootstrap). I simply want to add to the scope of the pane directive:
angular.module('ui.bootstrap.tabs', [])
....
0
votes
3answers
7k views
angularjs calling modal dialog from directive
I've created a directive to open a modal dialog. Here's the code:
[EDIT] JSFIDDLE HERE: http://jsfiddle.net/graphicsxp/fcQZk/8/
PROBLEM: THE CLOSE BUTTON DOES NOT CLOSE THE MODAL.
angular.module('...
0
votes
0answers
21 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, ...
12
votes
1answer
10k views
how to show html on pop over using angular ui bootstrap?
I make demo of pop over like this .It show a pop over on right side when I click the button .But now problem is that how I will show some html on pop over .
<html ng-app="plunker">
<head&...
0
votes
0answers
14 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 ...
0
votes
1answer
15 views
Bootstrap-UI Angular JS Carousel is not working
I've installed a Angular UI Bootstrap 2.5.0 package in my visual studio and I'm trying to perform a carousel operation, but it doesn't work at all. Following is my code.
<div class="panel-body" id=...
-1
votes
2answers
46 views
How to get bootstrap first column second row content to align with second column bottom line?
Here's what I want:
+-row3----------++-row9----------+
| | | |
| | |
| | |Image
+----------------+ |
+-row3----------+ |
| ...
1
vote
1answer
12 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
1answer
15 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
30 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 ...
2
votes
2answers
2k views
How to implement accordion in angular2 and typescript
I am creating list of div dynamically.I want the content of only fist
div will display by default.But when user click on second div then
content of second should be display and the content of first is ...
0
votes
0answers
10 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
15 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
31 views
How to adjust the bootstrap popover arrow dynamically in javascript?
Here is the implementation in jquery
https://jsfiddle.net/Sydney_o9/66uqd12s/7/
In this they are adding the class to the popover dynamically in jquery:
$("#my-button").popover({
html : true,
...
2
votes
1answer
36 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 ...
6
votes
3answers
14k views
Datepicker angular directive for Bootstrap not showing
In my Angular project I am trying to use the Angular directives for bootstrap datepicker, but it isn't showing up.
I've linked to <script src="bower_components/angular-bootstrap/ui-bootstrap.js"&...
0
votes
0answers
20 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"&...
0
votes
0answers
24 views
Multiplefilters are removed when using floating headers with floatThead
I have a problem with implementing the floatThead into my MVC Grid,hade a proper grid mvc view with multiplefilters. Which works great.
First I had this :
<div class="grid-mvc" data-lang="@Model....
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);
...
0
votes
2answers
34 views
Angular 1.5.9 Components: Functions fired when component is loaded
I am new to using the 1.5 components and I am not sure if what's happening is how components work or if I've just done something wrong. I have created the following component:
angular.module('app')
....
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
23 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 ...
-1
votes
0answers
31 views
How to inline edit table in angular material?
I need to inline edit a table i.e., to edit a table row in between. I have a table populated with data and each row has an button named Edit at the end. When I click on this button a dialog box opens ...
1
vote
3answers
4k views
Is it possible to make Angular.ui Bootstrap Dropdown drop UP?
I'm using angular ui.bootstrap and I've had success creating a simple drop down menu, but when you put the menu at the bottom of the page, it goes off the page. Is there a way to make it open in the ...
0
votes
0answers
23 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 ...
-1
votes
0answers
32 views
How fix a multi-dropdown menu?
i did this example, just copied and use it, but is not working. i'm using angularJS 2 and bootstrap. I don't know what's is going on cuz made that weird effect, all that white part is clickable i dont ...
0
votes
0answers
28 views
to set checked values uncheck
I have a dropdown:-
<select class="select" id="select" multiple="multiple" ng-model="a.NA">
<option value="1">1</option>
<optgroup label="group">
<option value="2">...
-2
votes
1answer
77 views
Which Angular2 Bootstrap is the “official” one?
I am developing an Angular2 app with NG Bootstrap at https://github.com/ng-bootstrap/ng-bootstrap, and current version is 1.0.0-alpha.20, available through npm.
And I had come across https://www....
1
vote
1answer
34 views
Angular Nested Filters & Infinite $digest Loop
I (like so many others) have run into an issue with the infinite $digest loop. After reading many SO Q&As and spending plenty of time in AngularJS documentation I am still not certain how to build ...
-1
votes
3answers
29 views
angular-ui-bootstrap Tabs
Im new to ui-bootstrap. actually im trying to use some components as tabs to make a menu for my app. My solution is unfortunately not working. Who can please help.
Here is my code.
angular....
0
votes
0answers
16 views
Pie chart displaying in only on first loading of chrome in angular js
Then it shows an error
Uncaught TypeError: Cannot read property 'series' of null
Uncaught TypeError: Cannot read property 'grid' of null
0
votes
1answer
30 views
Bootstrap tooltip with input type range
I am trying to use bootstrap tooltip with a range input. I can see the value getting updated but the tooltip as such is not visible on the screen.
This makes me wonder if tooltip is compatible with ...
0
votes
1answer
35 views
How to isolate javascript and css of a popup from the parent page?
Problem: when I open a modal popup page containing javascript and css, both reflects on the parent page, making a mess. I use angularjs and open the modal like this:
var modalInstance = $modal.open({
...
