Tagged Questions
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:
...