Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
17 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
23 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
18 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
10 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 ...
4
votes
2answers
42 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
37 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
0answers
15 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
17 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
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"
...
0
votes
1answer
47 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 ...
16
votes
2answers
15k views
AngularJS Jasmine Test Fails: Failed to instantiate module
My angular app worked great and so did my tests, using karma and jasmine, until I added a dependency in ui.bootstrap. Now the app still works as expected, but I can't get my tests to run. This is what ...
4
votes
1answer
523 views
Angular uib-popover displays in wrong position when set on overflowed text
I have a working example of my issue here:
http://plnkr.co/edit/vwZS5e?p=preview
Here's the problem span:
<div class="test-container">
<span uib-popover="Test"
popover-...
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)
<!-- ...
3
votes
5answers
10k views
How do I get $index from an ng-repeat table to a modal controller?
I have a table of customer records created with angularjs bootstrap-ui and uses ng-repeat.
At the end of each line in the table is a button to get more information about the customer.
When the ...
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
20 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 ...
1
vote
1answer
21 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
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
25 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
36 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
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">
&...
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
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
1answer
52 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 ...
9
votes
4answers
2k views
How to use angular component with ui.bootstrap.modal in angular 1.5?
I'd like to use angular component with ui.bootstrap.modal. angular version is 1.5.
I tried to use like below.
component
function MyComponentController($uibModalInstance){
var ctrl = this;
...
0
votes
2answers
215 views
Glyphicons dont show when using Angular + Gulp + Browserify
I'm having some major issues getting Glyphicon icons to appear on my page. Ive googled and tried most everything that other people have recommended but nothing seems to work. Only a grey square ...
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 ...
3
votes
1answer
113 views
+50
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):
....
2
votes
1answer
231 views
Show tooltip only when the text is truncated in angular UI bootstrap directive
I want to show angular UI bootsrap tooltip only when the text is truncated.
I tried the below code with custom directive
<div tooltip="{{value}}" tooltip-append-to-body="true" enable-truncate-...
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">...
1
vote
4answers
37 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="...
5
votes
2answers
5k views
uib-popover-html won't accept my html string
I use the verions 0.14.2 of angular-ui-bootstrap. I was unable to display line returns in the popover.
I use the popover-html directive, and a string such as
Limite inférieure<br>Limite ...
0
votes
0answers
25 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 ...
0
votes
1answer
33 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
71 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, ...
1
vote
2answers
24 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
2answers
121 views
AngularJS Typeahead error on returning results
I have the following code that makes use of AngularJS and the Angular Bootstrap Typeahead widget. The problem is that it only returns an error- property length of 'undefined'. Any help would be ...
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 $...
14
votes
2answers
8k 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 ...
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
1answer
20 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:
...
0
votes
2answers
28 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
366 views
UI Bootstrap typeahead promise issues with angular-formly
I am using angular-formly with integrated ui bootstrap typeahead to query an api via a service. The promises were resolved properly, but typeaheads list only shows the data of the elapsed input query.
...
0
votes
1answer
16 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
2answers
37 views
how to select value in UI select value?
could you please tell me how to select value in UI-select value ?
Actually when user select any name I want to select age of item .Here is my code
http://plnkr.co/edit/InxOyQRjrlrDJtx2VuzI?p=preview
...
0
votes
1answer
29 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 ...
2
votes
1answer
87 views
Can't Use ngClass With Angular UI Bootsrap Alert
I'm using the uib-alert directive, but I would like to animate the closing of the alert with Bootstrap's own fade class, or other custom animations that I add. I have seen a few other attempts to ...
