Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
2
votes
6answers
3k views
Translate Angular-UI pagination
How can I translate text in Bootstrap UI pagination directive?
I've overrided the constants like this for french translation:
angular.module('myapp', ['ui.bootstrap'])
...
1
vote
1answer
15 views
How to create a nested UI-Bootstrap accordion?
How to create a nested UI-Bootstrap accordion where inner and outer accordions works independent of each other.
If one accordion group is open in outer accordion and I am doing something in inner ...
0
votes
0answers
25 views
+50
angular ui-bootstrap popover template content and close button
Using ui-bootstrap I can use a custom template for popover and thats cool however there are couple of issues I'm facing.
1- close button
I can use popover-is-open to open and close however then I ...
2
votes
0answers
14 views
Does UI Bootstrap template-url support common angular expression
I have an accordion with overridden template like that:
<uib-accordion-group template-url="/somefolder/accordion-group.html">
but I really want to use a scope variable for that, e.g. ...
0
votes
2answers
355 views
Change Angular Timepicker font size
I'm using the angular bootstrap timepicker but I cannot seem to change the font size which cuts off some of the text like below:
HTML:
<div class="col-md-1">
<div ...
1
vote
0answers
6 views
Media Specific Ng-if within Ng-repeat using matchmedia-Ng
I'm going directive happy here and trying to have a ng-if within a ng-repeat be responsive, and based off of properties assigned to scope via the matchmedia-ng
Whatever I do, I cannot get the ...
0
votes
1answer
9 views
AngularJS $UibModal triggering [$injector:unpr]
I'll keep this short.
I'm very new to angularjs and I'm following one of Pluralsights tutorials.
Since the release of the tutorial there are many deprecated built ins that are driving me nuts.
I'm ...
0
votes
1answer
15 views
How to use “LESS” in angularjs project using UI-ROUTER
I am using bootstrap template in my angularjs project which is served by Grunt. Everything else is working fine, but the Components of bootstrap template which are using LESS are not getting rendered ...
0
votes
0answers
17 views
No dates showing using Angular.ui Datepicker
I'm trying to implement the Datepicker popup. I'm using the example on the getting-started page as seen Here. When I click on the calendar icon the popup shows but there are no dates, Just left and ...
0
votes
0answers
13 views
How Can I Open a Bootstrap-UI Dropdown with Protractor
Using angular 1.5, ui-bootstrap 0.14.3, bootstrap 3.2.0 & protractor 3.2.2
I'm trying to use Protractor for e2e testing of an angular/bootstrap-ui application. Demonstrating one of the specs ...
0
votes
0answers
4 views
Angular-UI-Bootstrap Multiple DatePickers Min-Date
I have two datepickers. The first one has the min-date set to the current day using minDate. I'm trying to set the min-date of the second one to one year later using minDate2. Even though minDate2 ...
2
votes
1answer
55 views
Editing an existing contact in modal (bootstrap-ui angular)
I have built a addressBook holder, which should allow a user:
1. create an address, by entering details in modal pop up;
2.delete an address and
3.edit an address that already exists by entering ...
1
vote
2answers
33 views
error with using resolve angular-bootstrap-ui
I am having difficulties combining both the editing of a current contact and the creation of a new contact. I am able to edit the contact that I click on, however, when I try and click on add new ...
1
vote
1answer
1k views
Pagination from AngularJS ui not visible
I have a simple dataset that I want to paginate using angular-js ui. It's server driven pagination since it can get quite big.
Now, I have the problem that my pagination element is not showing up.
...
1
vote
1answer
19 views
UI Bootstrap Typeahead doesn't store selection in ng-model
Okay so I'm using Ui-Bootstrap typeahead (https://angular-ui.github.io/bootstrap/#/typeahead).
I'm using a firebase array for the data.
I've got it to when I start typing it filters the results and ...
0
votes
2answers
60 views
angular.js:13424 Error: [$injector:unpr]
I am using the angular-ui-bootstrap library to implement the bootstrap modal - see here.
All is good, the modal is opening, but it will not close. I have tried to use $uibModalInstance but when I ...
0
votes
2answers
26 views
Angular Bootstrap Navbar component position
I have an angular page where I want a fixed nav bar on top. The title of the page on the left, some buttons in the middle, and a dropdown on the right. I'm using bootstrap and ui-bootstrap and I've ...
0
votes
2answers
16 views
Dropdown button does work as expected.
I am new to HTML and Angular. This might be simple basic question.
I am trying to use the basic dropdown button. in this example.
http://jsfiddle.net/xkL15guj/
I am trying to use the same example ...
1
vote
1answer
10 views
Directive decorator in config block never called
I'm using angularJS 1.4.9 and ui bootstrap 1.0.3.
I would like to decor uibDatepicker directive but the decorator function is never executed and there is no error or warning message in the console.
...
0
votes
1answer
26 views
AngularJS Bootstrap datepicker error
I'm trying to implement a datepicker in my phonegap app with angular ui bootstrap.
<h4>Popup</h4>
<div class="row">
<div class="col-md-6">
<p class="input-group">
...
1
vote
1answer
22 views
How to make scope functions available to compiled template in angular
I am trying to write a service, which will compile HTML for a directive and append it to the body element. While the text is being processed by the directive the functions are not.
Here's a simpler ...
0
votes
0answers
17 views
how to set multiple controller and scope values during add and modify using angularjs modal dialog?
I have a code for crud operations, i need to open a dialog modal and create, modify, delete operations need to be done.
Here is my html code
<h3 class="blank1">Roles</h3>
<div ...
0
votes
1answer
31 views
angular uib-carousel, active slide not working
I would like something as simple as displaying a selected index from the carousel slide. But for some reason it doesn't work.
The documentation is kinda cryptic so i'm not sure if I do it correctly.
...
0
votes
1answer
606 views
Angular Bootstrap datepicker custom class
I'm using Angular with UI Bootstrap Datepicker (https://angular-ui.github.io/bootstrap/) and I'm trying to update the day class to show there is something happening on that specific day using the ...
2
votes
1answer
336 views
Bootstrap 3 Angular modal popup not processing touch events on mobile devices
Bootstrap3 and Angular are supposed to play nicely together.... and with Bootstrap being "mobile first" I never thought I'd run into this, but I have.
I have a modal window being popped up from a ...
1
vote
1answer
36 views
Link function of Directive is not being called
I have a scenario where I need to show a pie-chart in a popup modal (used ui-bootstrap modal). I used c3.js for my pie-chart requirement (inside a directive).
The pie-chart is not loading inside the ...
0
votes
1answer
24 views
Angular UI Bootstrap Carousel and Tabs collision when they are on same page
I am using angular UI Bootstrap for an angularjs project. I have a page with Carousel and Tabs (both are on the same page).
The problem is that the Tabs are switching with respect to the Carousel ...
6
votes
3answers
6k views
Bind Angular JS ui-bootstrap dropdown toggle to ng-model
I am trying to use the angularjs bootstrap dropdown toggle on a form, and i need to be able to bind the selected item back to a model for a new "organisation" in my application.
Here's my js module ...
0
votes
1answer
26 views
Require JS with Bootstrap-ui
I would like to know how I can incorporate boostrap-ui as a dependency(require JS) in order to work with angular.
Current Issue I face is that when injecting the dependency and when i do console log ...
0
votes
0answers
7 views
Angular-UI Typeahead NoResults causes flicker
I have an input configured with Angular-UI Typeahead. When there are no results, a div is set to appear with some additional fields. The problem is that there is a very noticeable flicker after the ...
0
votes
1answer
9 views
angular.element.scope() returns undefined after upgrading latest verion angular-ui-bootstrap 1.3.1
I am upgrading my angularjs, I have upgrade angular-ui-bootstrap 1.3.1 from 0.12.0 with the angularjs version is 1.4.5.
now there is a breakable change I found in my application that ...
0
votes
1answer
36 views
Angular UI Bootstrap typeahead-append-to
I'm trying to append the Angular UI Typeahead control to a custom element in my HTML. The docs state this:
typeahead-append-to $ (Default: null) - Should the typeahead popup be appended to an ...
0
votes
1answer
19 views
angujar digest error loop when using boostrap alerts
I'm using angular-ui-boostrap along with exception handler to show all application exceptions as an alert. The alert has dismiss-on-timeout set.
here's exception hander code (written in coffee):
...
0
votes
0answers
18 views
Showing dynamic tooltips on multiple-choice Select control
Good morning:
I'm trying to add a custom tooltip to every selected choice in an Angular JS ui-select control (Angular JS - ui-select).
The controler (fc) contains a function which, based on the ...
-1
votes
0answers
41 views
nicescroll.js mousewheel behavior and scrollable parent
I'm facing scrolling issue when nicescroll is being used in angular UI Modal.
I'm initializing the plugin in modal body element, the scroll stop working using the mouse wheel if browser window height ...
0
votes
1answer
61 views
button for Date and Time in Bootstrap Datetimepicker
I'm trying to have two buttons. One for time and another for date.
For example
http://jsfiddle.net/RR4hw/1383/
<div class="container">
<div class="col-sm-6" style="height:75px;">
...
-1
votes
3answers
23 views
Make to show the Div when Hover the Text
I am creating the div like below and I wanna make to show that Div when hover the text like tooltip.
<Div id="cont">
<table> .. <.table>
</div>
<Label> Show Me ...
22
votes
3answers
16k views
Unit testing a modalInstance controller with Karma / Jasmine
EDIT : Quick & Dirty solution at the end of this post
I am using a modal window from AngularUI-Bootstrap in the same way that it is explained on the website, except that I splitted files.
...
0
votes
0answers
9 views
Bootstrap Bower different from with Bootstrap CDN
I'm trying to move first steps into bootstrap and angular world.
I'm executing this W3S example:
w3schools.com/bootstrap/bootstrap_grid_basic.asp
The example works well if I run it with this ...
0
votes
2answers
34 views
How to properly use partial views and modal in angularjs
I am new to angularjs so maybe I am not using things properly, please guide me for right approach.
So here is my scenario:
I have two objects Books and author I have wrote separate controllers for ...
5
votes
2answers
19k views
AngularJS UI Bootstrap modal is unable to perform functions from scope
In my angularjs app I use UI Bootstrap for creating modals. I pass scope and custom controller into the modal, it shows my data from original scope but cannot perform any of its function.
I have main ...
0
votes
0answers
22 views
auto complete using ui-bootstrap in ionic
I am new to ionic(1.7.12) trying to do a sample project for auto-complete here is my code so what i have tried jsfiddle
I am not getting any error in my code but on typing any letter in my text field ...
6
votes
1answer
8k 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">
...
0
votes
1answer
48 views
How do you load a dynamic template into $uibModal.open( ) ( Angualr UI bootstrap)?
I am using angular ui bootstrap. I want to define a generic Modal Window to provide some default buttons, like close, ok, title etc.
The user's modal body template is provided as a template url. How ...
1
vote
1answer
20 views
Using conditional operator with ng-class - AngularJS
I am new to web development. Recently was trying out an example to implement Tab functionality in Angular JS.
I want to apply conditional operator to the following code. Can I apply condtional ...
1
vote
2answers
2k views
Closing a modal automatically on navigation (when clicking an anchor)
I'm using angular-ui modal in my webapp. one of models display many links (anchor elements) that navigate to various parts of the app. the modal can be closed as usual with modal.dismiss() or ...
0
votes
1answer
23 views
bootstrap modal with asp.net mvc html helpers
I am trying to implement bootstrap ui modal in asp.net mvc. I created a basic modal which contains a login form.
Issue I am facing here is, when I start using html helpers, styles of the modal form is ...
0
votes
0answers
18 views
Angular UI Bootstrap - change background click event to 'close' rather than 'dismiss'?
I'm working on a project with extensive use of modals and promises.
Originally I was setting all modals to have a static backdrop and not be closable with escape. However, now for some of them we'd ...
0
votes
1answer
279 views
Bootstrap treeview expand collapse icon coming for leaf nodes
I am using bootstrap treeview. For some reason, even the leaf nodes are having expand/collapse icons. I want to show expand/collapse icons only for non-leaf nodes?
I am using following config:
...
0
votes
0answers
21 views
Can't find glyphicons in Bootstrap 3.3.6
I'm a beginner to front-end development and I forked this app for learning purposes
https://github.com/johncar/al_ui_template/
Because I'm new to bootstrap, I don't understand how to use the ...
