Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
8 views
Building Angular-ui Bootstrap tabs with ad hoc uib-tabset, uib-tab tag elements
I'm writing my nice tabs panel with angular-ui bootstrap directives. Therefore I've included in my project, under a folder called "templates" the two html templates: tab.html and tabset.html. Their ...
0
votes
0answers
8 views
Angular Modal triggering an ng-hide/ng-show
I'm building out a modal that takes 10 lines of input and when clicked to close randomizes them and "should" display out side the modal. Through other research I have found that I must use a service ...
17
votes
4answers
7k views
Angular Bootstrap Modal leaves backdrop open
I'm using AngularUI to integrate Bootstrap components in my Angular 1.4 app, such as Modals.
I'm calling a Modal in my controller like so:
var modalInstance = $modal.open({
animation: true,
...
12
votes
1answer
7k views
Angular UI Bootstrap popover with close button
I am using Angular UI Bootstrap to create a popover but I am unable to find the option to add a close button inside the popover.
I customized the popover template to include the close button. But I ...
0
votes
2answers
30 views
how to customize modal width in angular UI bootstrap
so far to cutomize modal width i have done this
var modalInstance = $modal.open({
animation: $scope.animationsEnabled,
templateUrl: 'AddProtocolElement',
controller: ...
0
votes
3answers
58 views
Adjust Angular UI Boostrap Modal Size/Width
Essentially what the title says - need to make this wider. Tried several solutions, neither work. Note that the "backdropClass" is applied perfectly and works, but the windowClass doesn't, nor the ...
2
votes
0answers
17 views
How to change Angular bootstrap UI popover trigger event in different devices like tab, mobile etc?
I have created a popover which will trigger on mouse hover. For the desktop purpose it is good:
<p popover="template" popover-placement="left" popover-trigger='mouseenter'>Help</p>
My ...
0
votes
0answers
16 views
Bootstrap tabset justified
Bootstrap tabset justified="true" aligns bad on small screens.
Is there a way to make it justified in height and width?
Im using angularjs-ui-bootstrap
(I hope you understand danish ;-) )
The ...
0
votes
1answer
6 views
Tooltip text wraps when there is a space in the text and even if the divisions are correct.how to keep tooltip in single line?
If i change tooltip position to right,its coming in two lines.how to wrap the tooltip in single line?
<a title="This is a my text.">
My tooltip is getting wrapped!
1
vote
0answers
16 views
$scope.modalInstance.close(); what are the parametres i can pass?
what are the parameters i can pass? and how the parameters will affect the
behaviour of the model.
$scope.modalInstance.close();
1
vote
1answer
26 views
Angular Datepicker MinDate disabling one day behind
I'm using the Angular Bootstrap Datepicker and I'm setting the min-date attribute like this:
<input type="text" class="" uib-datepicker-popup="MM/dd/yyyy"
show-button-bar="false" ...
1
vote
1answer
5k views
Bootstrap alert message represented as modal, angular
Bootstrap 3 provides Bootstrap: event messages: success, info, warning, danger.
However sometimes the view doesn't have enough space to show up the event message.
Is there easy way to wrap event ...
0
votes
2answers
660 views
angularJS pagination not reading current page number
I am trying to implement ui.bootstrap.pagination in my angularJS project, but I cannot seem to read the current page number, even though I have set ng-model. I am using angular-ui-bootstrap version ...
4
votes
1answer
73 views
Creating a two column dropdown in angular-ui-bootstrap
I have about 13 items in my list, so I'd like to make my dropdown menu in ui-bootstrap have at least two columns. Right now, here is my html for the button:
<div class="btn-group" uib-dropdown ...
0
votes
0answers
36 views
How to extend ui bootstrap direcitve
It's pretty much simple to implement with patching the link function in the $uibTooltip, but I'd like not to modify thirdparty library and just to extend directive.
I need to show a trigger "show" ...
0
votes
1answer
21 views
Don't want to focus input field after closed the bootstrap modal in IE 10
When I closing the bootstrap modal, text cursor is automatically placed in any of the input fields in a page. It is happening only in internet explorer 10. I don't need to focus the cursor on any of ...
1
vote
0answers
26 views
how to decide the active slide in angular-ui-bootstrap carousel
Here is the official example in the documentation about the angular-ui-bootsratp carousel.
But I could not replicate it in my own case, as the slide.active is not working.
<uib-carousel ...
1
vote
1answer
28 views
AngularJS UI Bootstrap pagination control off by one page
I am trying to get the Angular UI Boostrap pagination control to work with a table populated by a web api controller.
I have a directive that is used on the pagination control:
...
0
votes
1answer
23 views
angular ui bootstrap window templateurl not working
I have tried the code in http://angular-ui.github.io/bootstrap/#/modal.
The windowTemplateUrl does not embed the data in templateUrl.Here is my plunk: ...
0
votes
1answer
20 views
Clear results when typeahead value is 0
When I delete the search text, it doesn't trigger a change. I want to clear the results when someone deletes their query.
I'm using angular-ui bootstrap typeahead with typeahead-min-length: 0
1
vote
0answers
23 views
How can i register third-party directive with another name?
I am upgrading my app from ui-bootstrap 0.11 to to 1.1.2.
As a part of the upgrade i should prefix the directives with "ui"
for example, tab should become ui-tab.
I want to avoid this huge replacement ...
0
votes
0answers
8 views
How can i swipe whole RHS columns just to below to all LHS columns in below image while resolute to mobile ui
i want to swipe whole RHS columns just to below to all LHS columns in below image to make ui responsive.
i want to slide RHS coulmn under LHS cloumns in one go:By CSS etc .
3
votes
2answers
2k views
Mixing a Table with Angular-UI Accordion
I'm trying to mix a table with angular-ui's accordion but I can't figure out a way to do it.
I'm not a pro, writing directives. I wonder if such a bridge exist. To achieve something like this :
...
0
votes
0answers
8 views
How can I get UI Bootstrap datepickerPopup to reinitialize and use translations from the appended locale file after a language switch?
I got my angularjs app setup with angular translate using 'useStaticFilesLoader' and a 'switchLang' function which calls '$translate.use(key)' to set a new translation file and also broadcasts the ...
2
votes
2answers
714 views
How do I dynamically style uib-accordion-group
I have created a uib-accordion in my Angular website and can get most of the functionality I want, with dynamic content changing accordingly.
I am having trouble styling the uib-accordion-group ...
0
votes
1answer
33 views
$uibModal tries force execute submit in my form
I have a modal dialog, created with ui.bootstrap. When I'm performing some code with $uibModal or $uibModalInstance, inside of controller of this modal, AngularJS try to call submit method of my ...
0
votes
0answers
10 views
Not work ui-sref in modal
I have a view with controller and there is redirect by ui-sref and the view I open in modal from ui-bootsrap.
When I click to ui-sref link I see modal is closing but I don't get redirect to new ...
0
votes
1answer
404 views
How to change format of angular ui-bootstrap datepicker
I am using Angularjs of version 1.1.5 and Angular UI-bootstrap of 0.6.0. I need to pass selected date in this yyyy-MM-dd format, but I am getting in "Tue Feb 03 2015 00:00:00 GMT+0530 (IST)" format. I ...
1
vote
0answers
31 views
Angular - $uibModal is undefined
I created this controller
app.controller('headerCtrl', [
'$scope', '$log', '$uibModal', function($scope, $log, $uibModal){...}])
which gives the following error anytime i run it
Unknown ...
0
votes
2answers
32 views
Bootstrap xs class is not resizing .thumbnail images correctly when screen becomes too small
I am new to Bootstrap, was going through w3schools lessons. I was trying following example:
W3Schools Tryit Editor
This example does not seem to work when I change the class from class="col-md-4" to ...
2
votes
2answers
1k views
Customize AngularJS Bootstrap Tooltip
How do I add custom placements/animations to an AngularJS/Bootstrap tooltip? I can do:
myApp.controller('TooltipCtrl', function ($scope) {
$scope.htmlTooltip = 'Here is a tooltip!';
});
And it ...
0
votes
1answer
21 views
Ui bootstrap pagination, itemsPerPage in custom template?
Anyone tried to show itemsPerPage inside custom template?
Haven't digged source enough but may be not accessible from inside..
7
votes
4answers
5k views
How do you Bind to Angular-UI's Carousel Slide Events?
I'm using Angular-UI's carousel and I need to tell my google charts to redraw after they have slid into view. In spite of what I've read, I can't seem to hook into the event.
See my attempt:
...
1
vote
0answers
538 views
+50
How to show HTML formatted content in Tooltip? (UI Calendar)
I'm trying to display content on multiple lines in the tooltip of calendar entry for UI Calendar and it is not working.
Here is the code
$scope.onEventRender = function(event, element, view) {
...
1
vote
1answer
18 views
passing variables into angular-ui modal
I'm having some issues transferring the modal example from the angular-ui documentation here: https://angular-ui.github.io/bootstrap/#/getting_started
I keep running into this error:
Argument ...
0
votes
0answers
21 views
Unexpected end of input in ui-bootstrap file
I get this error whenever I load the page I am building. Everything worked fine until I copied the angular-ui-bootstrap js file. I have not changed anything from the file.
...
3
votes
4answers
12k views
What do I need to include that angular bootstrap just simply works
I have included these in my index.html because bower is including them:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- bower:js -->
...
2
votes
2answers
26 views
How to pass a result from modal of angular-ui-bootstrap to parent without closing?
according to the https://angular-ui.github.io/bootstrap/#/modal, I want to pass a result from modal to the parent without closing but in the example code, they only show a passing result to parent via ...
1
vote
3answers
61 views
Angular route inside modal
I have 2 routes:
app.config(['$routeProvider', '$locationProvider', function(
$routeProvider, $locationProvider) {
$routeProvider.
when("/list/:class", {
controller: ...
4
votes
5answers
7k views
Angular-ui/bootstrap: pagination not rendered (missing styles?)
I'm new to angular-ui and playing with it. I'm trying to use the pagination directive (http://angular-ui.github.io/bootstrap/#/pagination), but it seems I'm missing some styles as I just see the ...
3
votes
3answers
10k views
How to translate Angular-UI-Bootstrap datepicker?
The documentation for the datepicker (Angle-UI-BootStrap) reports:
Everything is formatted using the date filter and thus is also
localized.
Checking the documentation for the date filter can ...
1
vote
1answer
36 views
Error while using two modals: [$injector:unpr] Unknown provider: $modalInstanceProvider <- $modalInstance
I really find it very hard to solve the above error.
I have two modals in my project. One of the modal is working fine and the other modal is not so. I have injected $modal as a dependency in the ...
5
votes
1answer
5k views
Returning a value from a modal in Angular Bootstrap
I'm trying to use the modal directive from Angular Bootstrap to pop up a dialog, change a value (that was passed in) and then retrieve it.
However, for some reason the value never gets updated in the ...
2
votes
1answer
39 views
How to add animation to angularjs uib-alert directive
I want to add fade-in animation for new alerts pushed into array and fade-out for dismissed alerts.
Alerts are dismissed automatically after 5 seconds.
I've already included angular-animate ...
0
votes
1answer
34 views
how to get all the events of the day in angular-bootstrap-calendar
Is there any option in angular-bootstrap-calendar to grab the day's with on-timespan-click = "dateClicked(eventsOfTheDay)"
angular.module('myApp', ['mwl.calendar', 'ui.bootstrap'])
...
7
votes
4answers
1k views
How to remove outline appeared on click in Bootstrap UI Accordion
I'm trying to use angular-ui bootstrap accordion to hold bootstrap table inside the heading.
When user clicks on the accordion heading and it opens, a strange outline appears. It looks like this (the ...
0
votes
1answer
16 views
uibModalInstance as an Optional Service
I have a situation that needs to use uibModalInstance as an optional injector.
Because I need to use the same controller for two views. One is the popup view and other is normal view. When am using ...
16
votes
2answers
18k views
Pagination in Angular UI Bootstrap throwing “Error: [$compile:nonassign]”
I'm using a fairly simple implementation of Angular Bootstrap UI's pagination directive, yet I keep getting an error I cannot figure out. Here's the relevant snippets:
<ul>
<li ...
4
votes
1answer
247 views
AngularJS Error Unknown provider: $$jqLiteProvider <- $$jqLite <- $animateCss <- $uibModalStack <- $uibModal
I trying to create a simple modal that pops up and gives different menu options. It should be easy, and I followed the Plunker for modals on the ui bootstrap site but I'm getting an error that says ...
1
vote
1answer
56 views
more link for angular ng-repeat show first few items
I have a scenario where I have Array of objects and I wanted to display on first few of them (should be configurable).
var users = [{id:1234, name:'ABCD', role: 'XXX', lastLogin: 'XXXX'},
...
