1
vote
1answer
28 views

how do I create unique looking angular ui bootstrap dialogs

How do I style angular-ui bootstrap modal dialogs so they appear different from one another in color and/or size? I can style them for the site but not individually. I found the following similar ...
0
votes
0answers
14 views

AngularJS - Find end of collapse animation

I have a simple problem with angularui bootstrap's collapse directive. I have a <select> menu. When the someone changes the menu, the content changes. However, I would like to add an animation ...
0
votes
0answers
13 views

Error Multiple directives [bar, bar] asking for template on when used custom directive and angular-bootstrap

I was trying to create a custom directive, and inside the template of my directive, I have included a directive of angular-bootrstrap library. In this case a popover directive. When I run my app, ...
0
votes
1answer
35 views

How to handle big list of items in drop-down angular-ui?

I use angular-ui drop down It works fine but I have no clue how to handle multiple item in drop down. Consider following example in Plunker HTML <div class="btn-group" dropdown ...
0
votes
2answers
59 views

How to open Dropdown (Bootstrap-UI) above some divs?

How to open bootstrap-dropdown when i click on cell-div within grid (ng-grid of AngularjJS) ? I can open it only partially. Here's plunker
0
votes
1answer
22 views

Open bootstrap dropdown failed on ng-grid/ui-grid

How to open bootstrap-dropdown when i click on cell within ng-grid ? I can open it only partially. Here's plunker
0
votes
1answer
32 views

Content inside bootstrap Modal does not get padding

I have a modal that i open in my project, Some CSS modifications are not displayed. This is my code: <div class="modal-body"> <form class="form-horizontal "> <div ...
0
votes
2answers
26 views

Angular-ui bootstrap don't work correctly with templates

I use angular-ui-bootstrap popover. I manually changed template of popover to support html in it. I changed ng-bind to ng-bind-html: <div class=\"popover-content\" ...
0
votes
1answer
38 views

AngularJS ng-submit Not working inside accordion tags

Following form works correctly with validations when its not inside the accordion tags, but when its inside the accordion tags even the methods won't fire. HTML <div ng-controller="myCtrl"> ...
0
votes
1answer
54 views

Prevent default anchor behaviour if checkbox inside clicked

I'm using Angular ui-bootstrap for accordion and for panel-heading I also need checkbox, which is generated inside anchor tag by ui-bootstrap. It looks like this (checkbox is inside <label> ...
0
votes
2answers
107 views

Strange behaviour using angular-ui-bootstrap date inside an angular-ui-modal

I am developing my first app using Angular and I got stuck with this problem for a couple of hours now and I can't see what's wrong. I have used ui-bootstrap date with no issues in other places but ...
0
votes
2answers
80 views

Use Angular UI Bootstrap to make a Carousel Form

Could someone build me an example ui.bootstrap carousel that has a manual button for sliding, and include two divs of content? I cannot seem to figure out how to use carousels from just their example. ...
0
votes
1answer
32 views

Limiting the dark area during popup in angularjs

The pop up works flawless with bootstrap. Now I'm trying to limit the dark area during popup, I don't want the header to be covered in dark during popup, some thing like this
0
votes
1answer
81 views

Placing 2 angularjs date-pickers side-by-side and not top and below

I am using 2 Angularjs-ui boorstrap datepickers. http://angular-ui.github.io/bootstrap/ I would like to place the 2 datepickers side-by-side. Unfortunately, my html code places them one on top and ...
0
votes
0answers
91 views

How do I make an custom popover on table button

I'm trying to add a custom input popover to an button in a table cell in order to add extra details. I'm using angular-ui-bootstrap and I can't quite get it to work as I want. Here's an simplified ...
0
votes
2answers
198 views

How to design a dynamic progress bar with stages and scalable input with angularjs?

I am trying to develop a progressive bar for fund raising activities. The minimum value is the value for the activity to take place and the maximum value is the max fund it can take. It will be the ...
0
votes
2answers
60 views

Glyphicon issue on alternating row disapears

I am trying to create a table which binds its data via Angular. I am tasked with adding a pencil glyphicon to each row to show that the row is editable. The problem I am running into is if I use the ...
0
votes
1answer
25 views

Form not editable if no match is found using UI-Bootstrap's typeahead directive?

Below is the relevant code for how my typeahead input box is setup. Essentially, the user types in a name and the relevant information is loaded into the rest of the form. In the case that no match is ...
2
votes
1answer
115 views

Bootstrap UI Collapse directive behaving weird

I'm a bit stumped with a problem with the bootstrap.ui module for AngularJS. This is my HTML: <nav id="sidebar"> <ul id="main-nav" class="open-active"> <li ...
0
votes
2answers
187 views

Use custom data source in angular UI template

I am using ui-bootstrap-tpls to render datepicker in my angular view. I have customized the template in this way : customDatePicker.html <script id="template/datepicker/day.html" ...
2
votes
2answers
89 views

2nd Google Map not rendering properly when added dynamically

The following HTML, when copied into an .html file and viewed in a browser directly shows my problem. <!DOCTYPE HTML> <html ng-app="myApp"> <head> <link ...
-1
votes
1answer
78 views

typeahead not working with lower version of ui bootstrap

Here is the plunker link if you changed the version of <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js"></script> to ui-bootstrap-tpls-0.6.0.js, it works fine ...
0
votes
1answer
249 views

html <select> tags doesn't work with boostrap classes in IE 8 angularjs

I have an angularjs app with multiple angular ui-bootstrap tabs one of which is static tab and others dynamic tabs. html select tag with options works fine in static tab and the layout is designed ...
0
votes
2answers
549 views

Bootstrap: Set table column width for small devices

How do I set a column width of a table for smaller devices? I am using boostrap3. Here is my code: <div class="table-responsive" style="overflow: auto; height:350px;"> <table ...
1
vote
1answer
201 views

angularUI Bootstrap - *.tpls.html not found error

Here is my index.html <html lang="en" ng-app="bootstrapDemoApp" id="top"> <head> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"/> ...
1
vote
1answer
128 views

why is the AngularUI bootstrap datepicker not popping up?

trying out angularUI bootstrap's popup datepicker demo. Demo embedded in their page works, but my minimal plunker does not - button click does not popup the calendar. Any idea why? JS: $scope.open ...
1
vote
2answers
69 views

change type password style to none with angular

I have a doubt, I'd like to put in my application a check box, to show or hide the text of a password's input HTML <input type="text" ng-model="data.username" placeholder="username" ...
0
votes
0answers
664 views

Angular bootstrap UI modal with close button outside modal-dialog

Is it possible to place a button outside the modal-dialog in angular bootstrap UI modal? All I could find are examples with button inside the modal-dialog section . My requirement is to close the ...
0
votes
0answers
82 views

ui-router: how to avoid a view re-invoking itself

I have multiple sibling-views at the root level like so: <div> <div ui-view="carousel"></div> <div ui-view="home"></div> ... </div> I've rigged a carousel ...
1
vote
3answers
694 views

error when injecting $modal in angular

I am trying to open a modal popup based on some condition. However i am getting the below error Error: [$injector:unpr] ...
0
votes
1answer
2k views

Angular - UI Bootstrap Datepicker not displaying over Bootstrap Modal

I have an Angular app that I am using UI Bootstrap. I have a modal with a Datepicker at the bottom of the modal. When expand the Datepicker, it stays inside the modal. I have tried changed the ...
6
votes
2answers
9k views

Angular-ui tooltip with HTML

I am currently adding some bootstrap tooltips in my application. All of the "normal" tooltips are ok, but when I want to use tooltip-html-unsafe, all I got is an empty tooltip. My tooltip: ...