Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
8 views
Datepicker options on HTML instead of javascript
Is there a way to provide datepicker-options in ui.bootstrap.datepickerPopup in the HTML instead of creating a separate object for each datepicker?
The original documentation says
to configure ...
0
votes
1answer
13 views
Angular UI Typeahead Limit Results when using Promises
I forked a Plunker as an example http://plnkr.co/edit/ylR1mel46FXTXzdvfHpa?p=preview
when using promises inline in the markup like so:
<div class='container-fluid' ng-controller="TypeaheadCtrl"&...
0
votes
0answers
19 views
Telling angular to pickup a dynamically added directive
I am creating a bootstrap popover and I'm trying to use a directive in the content of the popover.
I use the following HTML:
<div data-animation="false"
data-template='<div style="width: ...
1
vote
0answers
19 views
How to active tab in Angular Bootstrap UI after change route
I have used tab component in Angular Bootstrap UI and ui-router for routing in my Angularjs app.
Now I want to active one of tabs, after change route. In fact I have a search route and I want to ...
0
votes
1answer
25 views
Date is not displaying when It's being selected through calendar
I'm trying to display a date selected by bootstrap calendar date but I don't see the value of the date selected. Date is displaying correctly when I choose edit option to update it into the item list ...
0
votes
1answer
18 views
Print width different on chrome and safari
I'm implementing a report viewer on a modal view.
these are some of print styles:
@page{
margin: 5mm;
}
body{
visibility: hidden;
}
.modal-report{
width: 100%;
height: 100%;
margin: ...
google-chrome
2
votes
1answer
27 views
Can not access variable on Popover template from Angulajs Component
I'm using AngularJs version 1.5. I created a simple component to add comment
angular.module('myapp')
.component('comments', {
templateUrl: "views/component/comments.html",
bindings: { },
...
0
votes
1answer
19 views
Positioning ui-angular carousel controls
I am creating a carousel that displays images with some meta data. On md and lg screens I want the meta data to appear to the right, and on smaller screens I want it below the image, which is working ...
0
votes
1answer
19 views
How do you access a parent function from UI Bootstrap Modal?
I'm trying to use a UI Bootstrap modal, vs a regular Bootsrap modal. I have a $scope.DoIt = function() in the parent controller, but when I try to call it from the modal, nothing happens.
What am I ...
0
votes
1answer
32 views
Argument 'CarouselDemoCtrl' is not a function, got undefined
indexCtrl.js
var app = angular.module('app', ['ui.router', 'ui.bootstrap', 'ngAnimate'])
.config(['$urlRouterProvider', '$stateProvider', function($urlRouterProvider, $stateProvider) {
$scope....
0
votes
1answer
22 views
Angular UI - set active tab programmatically
I using AngularUI with this code:
<uib-tabset type="pills">
<uib-tab heading="Tab 1">Tab 1 content</uib-tab>
<uib-tab heading="Tab 2">Tab 2 content</uib-tab>
<...
0
votes
0answers
19 views
Boostrap with “justified-nav.css” doesn't work properly
I'm only starting to learn to build a site using bootstrap and already I'm frustrated and stuck. So I want to build an HTML webpage that uses the bootstrap justified-nav.css style and bootstrap.min....
1
vote
0answers
38 views
Loading JS files in Angular JS modal pop-up(UibModal)
Below is my js function to load modal popup.
$http.post(FRONT_URL+"/processGetPostContent", dataToPost)
.success(function (response) {
$uibModal.open({
templateUrl:...
1
vote
1answer
14 views
Tabs shifting in angular bootstrap ui
I am new to angular bootstrap ui. Here i am using two uib-tabset. Based on shifting the main menu tag index value the sub menu tag index value changing. This is my code link [plnkr attached].
<uib-...
0
votes
0answers
21 views
$compile on uib-carousel weird consequence
In my project, I have a directive that is waiting until a resource promise returns, then building a ui carousel with the contents... I am trying to $compile the carousel, and while eventually ...
0
votes
0answers
17 views
UI Bootstrap control uib-carousel bind to next event
I am using the angular-bootstrap's (ui.bootstrap) uib-carousel component with custom template to change the style, text, and functionality of the back and next buttons. I have to perform other actions ...
0
votes
1answer
27 views
Angular UI-Bootstap tabs: not set active tab
I have this plunkr that have a system to add tabs dynamically.
When I add a new tab, it is setted as active tab. The problem becomes when I add two tabs, clicks on a first tab and add a new tab. With ...
0
votes
0answers
14 views
angularjs directive wait for uib carousel to load
I have a directive that loads a uib carousel. In the directive link function, I want to wait in the postlink function until the carousel has finished loading, and then add some event listeners and ...
0
votes
2answers
29 views
tooltip for anglur svg circle is not showing up
I am building a page where i am plotting some circles using simple anglur and svg. I want a tooltip to be shown when user hovers mouse over the circle. I read here how to do this but its not working ...
2
votes
1answer
22 views
Make angular ui-bootstrap datepicker the only way to add date to input
I would like to disable key input and force the user to use the datepicker to add date to the input but I don't know how to do this.
In the current solution the user can select date but also type or ...
0
votes
1answer
15 views
Limesurvey conditional based on survey id
Hi i need to add a static link on Limesurvey navigation.
we have multiple surveys and i want to add link only for a single survey.
How can i add that (based on survey id for example)
<!-- ...
0
votes
0answers
19 views
Unable to import angular-ui-bootstrap in my application using webpack
I am trying to import 'angular-ui-bootstrap' in the vendor.ts file.
I keep getting can not resolve angular-ui-bootstrap.
Any suggestions on how to get around this problem.
I want to remove the ...
1
vote
1answer
29 views
how to hide selected items in suggestion list in ui.bootstrap.typeahead angularjs
I add each selected items in suggestion list in ui.bootstrap.typeahead in ng-click angularjs event to another list to show to users(these users are selected), Now I want don't suggest these selected ...
0
votes
1answer
18 views
Centralize input label when error class exists
I use horizontal form and custom errors:
<div class="form-horizontal">
<form name="ctrl.myForm" ng-submit="ctrl.save()">
<div class="form-group col-sm-12 text-center">
&...
1
vote
1answer
22 views
how to change a css class when all tabs are closed in ui.bootstrap.accordion
How can I change a css class when all the tabs in ui.bootstrap.accordion are closed,for instance if the tabs were closed because another tab triggered them to close, the ng-class expression won't run ...
0
votes
1answer
11 views
Regex TypeError: Cannot read property '1' of null
My datepicker regular expression is trying matches on a null aray. How do I fix it? Not sure what clazz should equal if the array is null. I'm thinking a simple if (matches[1]) { etc } but I'm not ...
0
votes
0answers
47 views
How to dynamically set min date and max date in date picker angular js with bootstrap 3
I am using two date picker:
start date
end-date
I need to set max date in start date based in end-date value and
min date in end-date based in start-date value
How to dynamically change the min ...
0
votes
1answer
37 views
Angular Accordion not resolving to correct html
I want to use Angular Accordion with ng-repeat. I am facing a strange behavior where the html is not resolved properly on my page and my accordion does not work at all. But the same code works like ...
0
votes
0answers
13 views
How do I set same height for different images in a full width responsive slider using angular-ui-bootstrap?
<div class="item active" ng-repeat="slider in sliderArr">
<img ng-src={{slider.img}}>
<div class="carousel-caption">
<div class="row">
...
0
votes
0answers
29 views
Inline HTML Angular Nested Quotes
I have been building a popover to pull in an image as its content. The conflict is the multi-layer quotes. Other posts have suggested javascript solutions. Unfortunately, those aren't an option due to ...
0
votes
1answer
52 views
Removing tooltip event from an element
I have an element with a text that shows a tooltip when the text is truncated. I want to remove the tooltip when the element's text is no longer truncated. The problem is I can't get to the event of ...
0
votes
1answer
55 views
Make multiple collapse using ui.bootstrap and anguarjs
I'm trying to make ui bootstrap collapse. When I'm using static single or double collapse system, its working fine, but for my design I'm using ng-repeat to create collapse, so I have no idea how to ...
1
vote
4answers
38 views
ng-click and ng-href on the same element
I have a list that I am populating via ng-repeat of links.
some of these links need to open as links via ui-router, and some need to open as modals via ui-bootstrap.
This is my Html
<div class="...
1
vote
0answers
20 views
NavBar collapse not working with ng-include
I have 3 html pages.
1. Index.html
2. MasterPagenvarBar.html
3. ContentPage.html
** In Index.html calling MasterpagenavBar.html and ContentPage.html .below is my code.
<body ng-app="theapp">...
4
votes
2answers
50 views
UI Bootstrap control uib-carousel with custom buttons
I am trying to control the carousel through buttons, rather than the controls above the carousel (I will be hiding the chevron icons).
I inspected the chevron icon and found this in the source:
<...
0
votes
0answers
26 views
Using Angularjs, Bootstrap, and uiBootstrap
So I'm a little confused. I'm working on an Angular 1 app. We are already using Bootstrap (just plain Bootstrap 3), but now I want to use a directive that is in uiBoostrap.
I read that uiBootstrap ...
1
vote
2answers
25 views
Error: [$injector:unpr] Unknown provider: ui-calendarProvider <- ui-calendar
I am using Angular 1.5 and have been trying to use AngularUI Router but without any luck.
Whenever I add a div element with ui-calendar such as:
<div ui-calendar="uiConfig.calendar" ng-model="{}"&...
0
votes
1answer
30 views
Return every single data, not just the typed one
I'm using ui.bootstrap typeahead as
uib-typeahead="search as search.name for search in vm.searching($viewValue)"
getting data via $http.get from database
vm.searching = function() {
return $...
0
votes
2answers
33 views
How to make new / last element in accordion automatically expanded in AngularJs?
I use accordion in my angularjs project.
Here is template:
<uib-accordion close-others="oneAtATime">
<uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups"
...
1
vote
2answers
38 views
How to share data between controllers in different modules
I have downloaded Angular UI Bootstrap Datepicker, and I need to access to its controllers for their scopes. But I have absolutely no idea how to do it without editing the code in Datepicker, which I ...
0
votes
0answers
19 views
A giant white background appears around a confirmation modal I'm trying to make using .less. How do I get rid of it?
I'm an idiot when it comes to CSS/.less, and I'm having a lot of trouble with this specific problem.
I'm trying to make a simple confirmation Modal appear that's 500px wide in the center of the ...
0
votes
2answers
30 views
AngularJS - ui-bootstrap pagination. Hide buttons on single page
I am using ui-bootstrap pagination and I want to hide the pagination controls when all the results are contained on a single page. As you can see in the picture below there is only one page and the ...
0
votes
1answer
34 views
apple-mobile-web-app-capable angular-ui-bootstrap modal scrolling issue
I'm seeing an issue with a simple to-do list web app I am working on. I'm using
<meta name="apple-mobile-web-app-capable" content="yes">
So it can do the iPhone standalone launch thing.
The ...
0
votes
1answer
17 views
How can I implement Custom Datepicker using Bootstrap and Angular?
After searching for some time, I am getting the normal datepickers, and I am not sure how to customize it?
If anyone one knows how to customize it, please let me know.
2
votes
0answers
20 views
+100
ngMessages and Nested Scopes - Datepicker in an ngForm on a Tab
OP Update
I've figured out the problem and this issue is now closed. Would one day like to find the time to post the solution as an answer here.
I'm having a bit of an issue working with ...
0
votes
1answer
21 views
Enable specific date in angular ui bootstrap datepicker
I am using the datepicker from angular ui bootstrap and I need to apply 2 conditions, the first condition is that all days greater than today must be disable, this is easy, all I have to do is this:
...
6
votes
1answer
158 views
AngularJS / ui-bootstrap accordion - scroll to top of active (open) accordion on click
When a panel is opened I need to have it scroll back to the ".panel-title" of the one that was just clicked. I know that I can create a directive to do this such as (got this from this site):
....
0
votes
1answer
81 views
Where to put the import module in a new installation of ng-2 Bootstrap?
I'm a complete newbie attempting to setup ng2 Bootstrap (Angular2 with Bootstrap4 css) using this tutorial, so far I've installed the dependencies: Angular (requires Angular version 2 or higher, ...
0
votes
1answer
30 views
AngularJs Table not updated after Create/Delete/update
If I Create/Update/Delete Values in my Array the ng-table is not Updating the Data. I need to do a window.location.reload() for that but thats not very "beautifull". Shouldnt in Angularjs through 2Way ...
0
votes
0answers
18 views
How to include another modal content into my modal using angular UI bootstrap?
I have page1.jsp in which I have written code to open modal window.
Modal content is written into myModal.jsp.
The controller is defined into myAppController.js.
I have URL of another modal from ...
