Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
15 views
Is it possible to move/sort/reorder Angular UI Tags with drag and drop?
It seems possible with a previous version of Angular UI (see here) but I tried with uib-tabset and it doesn't work. Any ideas?
This doesn't work:
<uib-tabset sortable-tab>
<uib-tab ...
0
votes
1answer
15 views
How to automatically close an alert on JHipster?
I have recently discovered and started to develop in JHipster.
One of the first hurdles I'm facing is to close automatically alerts. So far, I have learned that JHipster uses Bootstrap UI alerts, so ...
0
votes
0answers
4 views
Angula UI Bootstrap TypeAhead with a Button Filter
New to angulat ui bootstrap.. I am trying to use typeahead to create a searchable dropdown..
Steps to my issue
1. open dropdown on click (seperate span with the directive)
2. select a value
3. open ...
0
votes
1answer
8 views
uib-tabset shows content while its disabled
I have a tabset and if the first tab is disabled the content is still showing on page load. When another tab is clicked, the first tab is disabled and can not be clicked which is good.
(The disable ...
0
votes
1answer
13 views
Include Angular 2 webpack with third party libraries
I have created a small project using some third party libraries like Bootstrap, jQuery, ng2-oauth2, Wijmo etc., and finally, I decided to bundle my project by using webpack. Can anyone help me to how ...
1
vote
2answers
21 views
How to close nested ui-bootstrap accordion when parent closes
The Problem posted here(I need to close inner accordion automatically, when I close outer/Parent Accordion) is not answered till now. Can anyone help me to get the solution for the above stated ...
1
vote
1answer
19 views
uib-tabset killing the scope of my input change directive
Had a uib-tabset and a directive that wait for a change on an input inside the uib-tabset, this directive is reached but when it has to fire a scope.$broadcast this don't call the function.
View
&...
0
votes
1answer
9 views
Unable to update model on calendar date change
I am having an issue with the angular ui bootstrap datepicker popup (https://angular-ui.github.io/bootstrap/) where I cannot get my model to update.
I have in place 2 different calendars - one with ...
0
votes
1answer
21 views
Using AngularJS persian date picker causes $parse error
I am using this date picker component, and here is a plunk demonstrating its usage with ui.bootstrap version 1.3.3, When I want to use min-date option for date picker, angular gives me this error, any ...
0
votes
1answer
18 views
Resolve in uibmodal /route
I have this code:
var b = 1
var a = $uibModal.open({
ariaLabelledBy: 'modal-title',
ariaDescribedBy: 'modal-body',
templateUrl: 'enteModal.html',
controller: 'enteCtrl',
resolve: ...
0
votes
1answer
15 views
UI Bootstrap and modal with tabs: the first tab is focused with a border
I have a UI Bootstrap modal with uib-tabs within. When I open the modal the first tab is "browser-focused" surrounded with a blue border, like this:
I'm using:
angular 1.5.8
Bootstrap css 3.3.7
UI ...
0
votes
0answers
14 views
Chips autocomplete for Angular 1.6. No angular-material
I would need to add an autocomplete chips component in our Angular 1.6 application. We are using Typescript, Webpack 2. As we are already using angular-ui-bootstrap, we do not want to introduce also ...
0
votes
1answer
41 views
$uibModal.open is not a function in karma (AngularJS Factory)
I am trying to test a function that opens a $uibmodal. This is my factory function.
confirmationMessage: function (message) {
var modalInstance = $uibModal.open({
templateUrl: 'views/...
0
votes
0answers
11 views
Bootstrap fileinput.js exception handling
I am using fileinput.js for file uploading process I am stuck in a place. I am trying to upload a file but in my java side it gives exception but in UI side it still shows in running condition ,so my ...
0
votes
1answer
27 views
Unable to load css and bootstrap between two folders
I'm trying to load a html file from TaskCreation folder in to the Checking.jsp file in jsp folder. Initially html is loading fine but including in jsp file bootstrap and css are not loading. Help me ...
0
votes
2answers
17 views
css file not working with springboot project
i am working on a spring boot project and somehow my custom css file is not working.the css file looks something like this, just for testing:
style.css :
.spacer{margin-top: 30px;}
and the html file ...
1
vote
2answers
33 views
How to change the direction of nav items from ltr to rtl?
I have the following code of bootstrap and need to change the direction of items in the nav to be right-to-left instead of left-to-right (to make item 1 the first from right) without using the ...
1
vote
2answers
17 views
How to compile dynamic content in Angular UI tabs?
In this plunk I have an Angular UI tab that displays HTML content. Each content has a div containing an ng-click directive, that doesn't work. Most likely the directive needs to be compiled? how to ...
0
votes
1answer
12 views
Display dynamic HTML as tab content in Angular UI
In this plunk I have a Angular UI tabs with HTML content that needs to be generated dynamically. Still, the tab contents shows instead the HTML markup. How to fix this?
HTML
<uib-tabset>
...
0
votes
1answer
18 views
AngularJS Select2 Multiple Selection + Search Bar
I am using AngularJS Select2. Is it possible to use multiple selection but with search bar from single selection.
Example of multiple and single selection http://angular-ui.github.io/ui-select/demo-...
0
votes
1answer
25 views
What version of UI Bootstrap works with Angular 1.6.3?
I am using AngularJS v1.6.3 and am trying to find a version of UI.bootstrap that works with it (in terms of Bootstrap's Javascript functionality, such as popover).
This Plunker uses UI.Bootstrap v0....
0
votes
0answers
18 views
Uib tooltip-arrow background color and border color
how can I customize uib tooltip-arrow border-color?
If I set border-color property it would change background of the arrow..
I need white arrow with 1px blue border.. Thank you in advance.
1
vote
1answer
36 views
AngularJS 1.6.1, TypeScript, UI Bootstrap Modal: Why are my global variables stored in session storage being updated by the modal?
Please help a newb out. I'm using ngStorage to store some global variables:
//Global Controller
saveGlobalSettings = () => {
this.$sessionStorage.QuoteTimes = this.quoteTimes;
this....
1
vote
3answers
36 views
Unable to import angular datepicker into my App
I am trying to import the angular-ui-bootstrap datepicker into my app but I am not sure how to do so.
I am using ES6 and this is what I have got in place:
map/src/app.js
import angular from '...
0
votes
1answer
41 views
Toggle accordion using button and if open, keep it open
My scope looks something like this
$scope.audit = [{
"specification": "Test1",
"username":"user1",
"lastname":"lastname1"
},
{
"specification": "Test1",
"username":"user2",
"...
0
votes
1answer
23 views
How to disable or hide “Today” button for angularui-datepicker based on condition if its weekend
How to hide/disable "Today" button based on condition. Let's say if today is weekend. I want to hide "Today" button.
<div class="form-group">
<div class="input-group datePicker">
...
1
vote
1answer
32 views
Angular js - Error: [$injector:unpr] Unknown provider: $uibmodalProvider <- $uibmodal
I am new to Angular and trying to use $uibmodal but getting the below error while running:
Error: [$injector:unpr] Unknown provider: $uibmodalProvider <- $uibmodal
I am using the below versions:...
0
votes
1answer
96 views
ng-bootstrap ngbDropdown not working in angular 4
At my angular 4 application is the ngbDropdown-Element from ng-bootstrap not working.
I have installed the following npm modules for this case:
"@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.22",
"...
1
vote
1answer
29 views
Angular bootstrap modal is resetting the child views
I am new to angular and have a situation where we have nested views and one of the view has link(s) to open a modal
But the issue is that when the modal opens up one of the views in the background is ...
1
vote
1answer
19 views
Angular bootstrap modal
I'm using ui-bootstrap-tpl version 2.4.0 with Angular Dialog Service, and I have a problem with modal.
Problem occurs when I close modal:
If I click OK, it closed and no error.
If I click Cancel, it ...
0
votes
0answers
25 views
How to keep panel body collapsed using angularjs
I have a HTML which looks like this
<div class="panel-group" id="accordion">
<div class="panel panel-default"
data-ng-repeat="(spec,value) in audit | orderBy: 'specification' |...
0
votes
0answers
16 views
How to tell which field to set to Today with multiple datepicker fields in one form?
I'm trying to reuse the Datepicker Popup example (no anchor sorry need to scroll down a bit). In that example when you click on the calendar icon button there is a Today button that will set the model ...
1
vote
1answer
40 views
How can I unit test the result of a ui-bootsrap $uibModal instance?
I have a controller that calls $uibModal.open to pop a ui-bootstrap modal. The controller looks like this:
(function () {
'use strict';
angular
.module('app')
.controller('...
0
votes
1answer
19 views
Align contents of col-xs
I have a col-xs-8 column as follow:
<div class="col-xs-8">
<div>Every</div>
<select id="update-frequency"
ng-model="retentionSettings.triggers.date.repeat"...
0
votes
0answers
28 views
How to disable special dates using angular ui datepicker
I am using angular ui datepicker. I am disabling weekends. Along with that how can disable special dates.
My Special dates are (MM/dd/yyyy):
03/30/2017
04/28/2017
etc.
Below is my HTML
<div ...
0
votes
0answers
18 views
ui-router parent/child releation invoking child controller twice
My app have one parent state with view and controller and couple of child states that have own views and controller and view from parent controller. When i go to child state, child controller is ...
0
votes
0answers
39 views
How to use checkboxes to filter data in angular smart table?
I'm trying to filter data with checkboxes because I just need yes or no options.
<div class="col-xs-3">
<input type="checkbox" data-st-search="option1" checked>
</div&...
-2
votes
1answer
33 views
Left nav menu with show/hide
I am trying to build my Angular2 application which will have a left nav menu with show/hide feature. I tried looking for some bootstrap snippets but couldn't find one.
0
votes
1answer
34 views
How to disable specific dates and weekends(sat/sun) using UI-B angular datepicker
I am using AngularJS-bootstrap css for components(angular directives).(ui.bootstrap.datepicker). I am calling a service to get all the list of public holidays. How to check if selected date from date ...
1
vote
1answer
38 views
Change uib-modal size dynamically
I was wondering the best way, if possible to change the size of a uibootsrap modal on the fly. I have implemented a paging of sorts where within the same modal body, if the user presses a 'next' ...
-1
votes
0answers
12 views
Looking PSD to Bootstrap conversion service provider? [closed]
I am searching Best PSD to Bootstrap conversion service provider. I found a some PSD to Bootstrap service provider in this blog http://www.websurfmedia.com/psd-to-bootstrap-conversion-service-...
0
votes
1answer
15 views
From and To date picker are allow to choose the date with in 'x' months
<div class="col-md-4 col-sm-6">
<div class="row spacer">
<label for="fromdate" class="col-md-4">Date : </label>
<div class="col-md-8">
<div class="...
-3
votes
0answers
16 views
Failed to instantiate module ngBootstrap due to
Failed to instantiate module newEventApp due to:
Error: [$injector:modulerr] Failed to instantiate module ngBootstrap due to:
Error: [$injector:nomod] Module 'ngBootstrap' is not available! You either ...
0
votes
0answers
11 views
Do I still need 'ui.jq' and ui-utils with angular 1.5+ and ui.bootstrap 2.5+
I am a newbie of AngularJs.
I started a new project with angularjs and jquery having the template and app.js in this way:
<html>
<head>
...
<script type="text/javascript" src="/script/...
4
votes
2answers
31 views
Remove item in array without update view
I have dinamic tabs (Angular UI Bootstrap) in my view this way:
<uib-tabset active="1" id="tabs" class="col-md-10">
<uib-tab ng-repeat="tab in filaCtrl.tabs" ng-click="filaCtrl....
0
votes
1answer
12 views
UibModal - open on pending mode without promise
is it possible to open UIBMODAL when there are request on pending mode?
for now its stuck until the connection is restored and all pendind request works like queue and then the popup appear
i want ...
0
votes
0answers
40 views
Angular tab set to active based on url
I have 2 problems.
1. Child urls automatically redirecting to parent url
2. tab is not setting to active using other link (footer links)
Example:
1. #/about-us/agreement is redirecting to #/about-...
1
vote
1answer
15 views
ui-validate doesn't get called
I have an input element (actually a datepicker) with the following attribute:
ui-validate="{ customValidation: 'validateDate(vm.dob)' }"
In my javascript I have the following method on my scope:
$...
0
votes
1answer
35 views
How do I create working tooltips in Angular2 with Angular techniques?
I've searched a lot for an easy, simple, and most importantly Ng way to make tooltips, but I can't seem to find a uniform method for doing so. I've tried doing this using ngbToolTip following the ...
0
votes
1answer
18 views
Selected value is not getting displayed with uib-typeahead
I use uib-typeahead as below in my angularjs app for auto suggest in text box. When I type some letter, I can see the suggestions. However, if I select any of the selection, that is not getting ...
