Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
1
vote
0answers
12 views
bootstrap ui - typeahead onselect, custom value is not displayed
I am trying to add autocomplete functionality using bootstrap. when a value is selected from autocomplete list, I would like to append a ":" at the end of the selected value. For some reason this ...
0
votes
0answers
14 views
Bootstrap + angularJs Navabar active element issue
I have a Nav bar at the top of my page and I use bootstrap for it's style.
<ul class="nav navbar-nav">
<li ng-repeat="page in pages" ng-class="{ active: page == pageCourante}" ng-cloak>
...
0
votes
0answers
8 views
Modal disappears immediately
I have a website that creates a modal popup. Unfortunately, it disappears immediately. It is not the issue of loading the modal plugin twice since it was working before I made changes to the ...
0
votes
1answer
23 views
element's “collapse” attribute not working?
I'm trying to build a table as in this JSFiddle which I found here.
I notice lots of elements have a collapse="<boolean>" property and as long as the property is true, you will get a nice ...
0
votes
0answers
10 views
uib-accordion in angular for list display
My index page has two div's. In first < div > i extract names from $scope from controller mController. ng-repeat is used to iterate through the list to display Movies and Names in the first < ...
0
votes
1answer
25 views
Angular UI Bootstrap (Jade, Angular, Express) progressbar not working
I'm having trouble displaying the progress bar in UI Bootstrap. I have listed the dependency in my other js file (angular.modeul('ui.bootstrap.demo',.....) and I have done npm install angular, and npm ...
2
votes
5answers
4k views
UI Bootstrap Popover: change width
I'm trying to use the popovers from UI Bootstrap in AngularJS:
http://angular-ui.github.io/bootstrap/#/popover
<i class="fa fa-question-circle" popover="Lorem ipsum dolor sit amet, consectetur ...
10
votes
3answers
15k views
Angular UI Bootstrap Modal Dialog Close Event
How do I detect when an Angular UI Bootstrap modal dialog is closed?
I need to know when the dialog closes so I can broadcast a loginCancelled event using the angular-http-auth library to prevent my ...
2
votes
1answer
562 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) {
...
0
votes
0answers
4 views
Angular UI npm install DELETES ng-table?
I'm just curious why would installing angular-ui-bootstrap delete ng-table???....
I ran
npm install angular-ui-bootstrap
And received error messages about "operation not permitted"
It tried to . ...
5
votes
2answers
2k views
How do I style just one specific angular-ui-bootstrap tooltip to be wider?
In my AngualrJS application we use angular-ui-bootstrap tooltips.
I have one tooltip that needs to accommodate long text.
The answer to SO question Displaying long text in Bootstrap tooltip shows me ...
0
votes
0answers
7 views
Fetch JSON object and there array using $resource
Here i am having a JSON as
{"veg":[{
"productname":"A",
"productimage":"products-images/p1.jpg",
"productprice":"50"
}],
"nonveg":[{
"productname":"nA",
"productimage":"products-images/p1.jpg",
...
0
votes
1answer
30 views
Open Modal with angular js and bootstrap ui
I'm trying to learn AngularJs and I want simply open a modal panel and show a picture in it.
So my gallery.html looks like:
<div class="row">
<div ng-repeat="image in images">
...
1
vote
0answers
22 views
Angular UI datepicker popup open without ng-click
According to official Angular UI documentation for datepicker users in popup style I need to create additional button with ng-click event on it to change $scope property which was binded to is-open ...
0
votes
1answer
16 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 ...
0
votes
1answer
18 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 ...
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
31 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
59 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 ...
3
votes
0answers
22 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
18 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
7 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
18 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
35 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
669 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
77 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
39 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
22 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
27 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
31 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
26 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
22 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
10 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
12 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
734 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
35 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
11 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
37 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
33 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
22 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
1answer
19 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 -->
...
