A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
11 views
ui-bootstrap pagination and ui-router query string parameters how to watch and manage
I want to use ui-bootstrap pagination with ui-router
<ul uib-pagination total-items="totalItems" ng-model="currentPage" ></ul>
and I want to have this url
/user-list
in this case I ...
1
vote
0answers
15 views
columnDefs header does not show from time to time
I have a very random problem on UI. It looks like the column definitions do not show from time to time. it works fine 9 out of 10 times.
Two gif animations have been included to show what I actually ...
0
votes
1answer
12 views
Disabling a static tab with Angular UI Bootstrap?
I am trying to set a tab to be disabled in a Angular Ui-bootstrap 2.0 tabset.
In the example on their site, the one they are enabling and disabling (with a button) is a dynamic tab (an ng-repeat). I ...
-1
votes
0answers
15 views
How to load tab contents from ui-router?
I want to load tab contents from router templates , currently tabs are there but its not loading contents from router templates , when i click on tabs i Only see text app.dit,app.st etc , Any idea ...
-3
votes
0answers
22 views
Video not working in bootstrap modal popup on Internet explorer
I have used video tag inside bootstrap modal for playing videos. In IE 9,10,11 versions mp4 format video not loaded inside the popup modal but outside the modal video loaded properly.
HTML:
<div ...
0
votes
1answer
24 views
Angular UI Bootstrap - Cannot delete popover when triggering element is removed from DOM
I am using a javascript library that will add/remove elements to the DOM when some data is updated.
To add a new element to the DOM it calls a template function returning an element. In my case, the ...
0
votes
0answers
26 views
How to use ui-router (states) inside bootstrap tabs?
I want to use different states and controller inside bootstrap tabs ,I could not find any better solution. Any idea how can i implement in below code ?
main.html
<uib-tabset active="active">
...
1
vote
1answer
24 views
Override the default pagination template of ui-bootstrap
I using AngularJS to show pagination. I making some changes on the default pagination template. This is my HTML:
<ul uib-pagination ng-model="source_pagination.current" template-url="pagination....
1
vote
2answers
61 views
Creating rows in Angular when using ng-repeat
My code repeats posts from the API and shows 9 posts in a row. My goal is to create a grid - 3 rows with 3 posts in each one. The solution I tried doesn't work. I also tried 'clearfix', but with no ...
0
votes
0answers
24 views
Angular dropdown with input and div
i Have input field with div dropdown with ng-repeat json values, just i wanted to show selected dropdownlist value in same input .
if i use another input with ng-model its showing the data.
this is ...
0
votes
0answers
11 views
Is that possible to use ui-bootstrap modal like ui-sref by passing id as parameter?
I am trying to use ui-bootstrap's modal for a page. I want to use the same modal template for showing different data while trigging different buttons.
enter link description here
<script type="...
1
vote
1answer
18 views
Set conditions while using uib-popover
I'm trying to implement a registration form by using AngularJS. The form must prompt user for incorrect input while attempting submission.
I used uib-popover provided by UI Bootstrap to implement the ...
0
votes
1answer
19 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
22 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
29 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
29 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
22 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
24 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
21 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
33 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
37 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
20 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
41 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
24 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
19 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
30 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
25 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
17 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
32 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
27 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
56 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
38 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
14 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
58 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
51 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
29 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
31 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 $...
