A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
9 views
Timezone Property of ngModelOptions of Angular-Ui Bootstrap Popup DatePicker
We are using the Angular-Ui Bootstrap Popup DatePicker in our application and have been running into issues such as this where the previous day gets selected to that which was actually selected by the ...
0
votes
1answer
15 views
Mantain style of modal with ui.bootstrap modals
I'm using a Bootstrap modal to show details of selected items.
I have a snippet of my modal window that i want to make appear.
If i use it as a modal template I have issues with the style.
But if I ...
1
vote
2answers
31 views
Is it possible to mix injected dependencies with custom arguments in AngularJS?
I'm using UI Bootstrap's $uibModal to create a modal. I'm also using UI Router 0.2.15, so what I want is a state opening in a new modal.
This is what I have in my config function:
$stateProvider
...
0
votes
0answers
48 views
How to create nested array for object?
I am trying to make "Diagrams" parent under all folders will be children , i have to display Diagrams text as a first folder for tree list so user can expand and collapse ? Its not showing tree with ...
0
votes
1answer
32 views
bootstrap not working in Angular2
I was trying to use some bootstrap classes in my angular2 app but something is going wrong and bootstrap is not working.
I have installed bootstrap using the below command.
npm install [email protected]....
1
vote
1answer
15 views
Pass selected language from uib-dropdown language selector to $scope
I have next html template where user could select language:
<div class="btn-group" uib-dropdown>
<button type="button" class="btn btn-default dropdown-toggle" data-...
0
votes
0answers
13 views
Chrome freezes when closing a $uibModal instance
Hej
When testing one of the modal windows on https://angular-ui.github.io/bootstrap/#/modal my chrome browser freezes for about 50 seconds after I close the modal. For this time I can not do anything ...
google-chrome
0
votes
1answer
23 views
Add id to ng-template with Angular Bootstrap accordion
I'm having trouble adding dynamic id to the heading template. I tried including an id="{{group.title}}" but it doesn't work. Any help or suggestion would be great!
<div ng-controller="...
0
votes
1answer
12 views
expand video on hover
I'm trying to get a video to expand on hover but it's not working and I'm at my wit's end.
(using Dreameaver CC 2015 w/ bootstrap)
$("#wd1").mouseenter(function() {
vid = document....
0
votes
1answer
10 views
Angular ui-bootstrap with ng-repeat: if there's no tabs, new tab isn't selected
Here's the link to demonstrate my problem: http://codepen.io/pietrofxq/pen/ZLLJdr?editors=1010
Click in "remove tabs" and then in "add tab"
The issue: I do a loop with ng-repeat to display tabs. But ...
0
votes
1answer
17 views
how to get current slide index: uib carousel
I would like to get the current slide index onChange and not onClick but I don't know how do do that.
First, I had it with ng-click, like this:
In the .html:
<ul uib-carousel id="myCarousel" ...
1
vote
2answers
55 views
Overlapping in Bootstrap Div Structure
I am following the 12 column rule, the following code is for right panel section having width of 8 column.remaining is 4 column panel on left side. It shows well on more than 1300 pixels resolution, ...
1
vote
1answer
21 views
How to assign value to angular pagination custom template?
I am using custom template for angular pagination:
<uib-pagination
boundary-links="(vm.pagination.boundaryLinks == false) ? false : true"
num-pages="vm....
1
vote
1answer
30 views
Refresh the pagination after filtering
I have implemented a pagination and a filter based on a criteria function: JSBin:
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<link data-require="[email protected]" data-...
0
votes
0answers
10 views
Angular - Fromly Accordion [on hold]
Is there any way to create Accordion with Angular - Formyl? I want to create multiple accordion using angular - formyl. I tried it using normal AngularJS but I am not getting any way to create it ...
0
votes
0answers
24 views
angular-strap aside behaviour on mobile phone keyboard popup
i have problem with angular strap aside module while using mobile phone.
When i click on input box, keyboard popups and overlaps with input box, instead of scrolling up.
image before clicking on ...
1
vote
1answer
20 views
uib-datepicker : display issue when used in a table
I want to use a uib-datepicker in a table :
<div class="table-responsive">
<table class="table table-striped" >
<thead>
<tr>
<th ...
0
votes
0answers
23 views
Pagination in AngularUI Bootstrap doesn't shows up
I have a problem with pagination in my app. I did it in AngularUI Bootstrap with example from here: https://angular-ui.github.io/bootstrap/ and pagination doesn't works - like in title, doesn't shows ...
1
vote
3answers
20 views
Can't pass a parameter to my ui Modal with AngularJS
In my angularJS app, I'm trying to pass a parameter to a modal popup so that when the Modal link is click, a name is displayed in the popup. The modal link is coming from a custom directive which is ...
0
votes
1answer
18 views
Using ng-repeat, filter, and uib-popup-datepicker to filter table column results
I have a common scenario for an angular application I am working and have not been able to solve this pattern. I've searched thoroughly for an answer to this scenario, but all like questions do not ...
0
votes
0answers
18 views
Navigating to TemplateURL in MobileAngularUI not working
I am creating a new project in MobileAngularUI and previously from Ionic project background. I am having some difficulties in navigating from one page to another using template URL and my controller ...
0
votes
1answer
32 views
Angular ui Open Modal Automatically on load page
angular-ui-modal]1 for create my site and I want to show my modal automatically when the user enter in my webpage. With ng-click is easy , I have this code:
var app = angular.module('app', ['ui....
0
votes
0answers
7 views
Show error message horizontally near to the column
I am using AngularJs form and also using Bootstrap css.
I am trying to show the validation message in align with the control ( horizontally). Currently the error message is shown below the control.
&...
0
votes
1answer
14 views
UIB Datepicker Button Height
I am using uib-datepicker with following html:
<div id="date-group" class="form-group">
<div class="input-group">
<input id="dateInput" type="text" class="form-control" uib-...
0
votes
0answers
15 views
Leading zero with ui-mask on hours input from ui-timepicker
I need to block anything except numbers from the angular ui timepicker input, so I used custom template with ui-mask. The only things changed from default template from github:
added
model-view-...
0
votes
0answers
19 views
How to translate an Angular Bootstrap UI modal in a Django app
There's an application written in Django 1.8 where some modals are displayed with angular.js using UI Bootstrap.
I would like to add translations to this modal, however while adding django ...
0
votes
1answer
33 views
Angular Multi-item carousel
Ive been trying to make the angular carousel work, but iam currently stuck.
I am a newbie in angular, thus can i not get the ng-repeat too work correct.
what ive done:
<div id="slides_control"&...
0
votes
2answers
24 views
angularjs ng-repeater dynamically delete data
I have a situation where users added sample data as shown in figure. How can I add Delete button which deletes particular sample ONLY. From figure , I want 'Delete Sample 1" to delete Sample 1 ...
-1
votes
0answers
29 views
Bootstrap or Angular Material for Angular 2.4 [closed]
Which one should I use for angular 2 web application? regular bootstrap or the one for angular https://ng-bootstrap.github.io/#/home ?
I need support for chrome and IE11, I have various web forms ...
0
votes
0answers
8 views
npm bootstrap-rtl for angular-2 cli project
I have angular2-cli project.
I use bootstrap 3 for the ui.
Now I need to support rtl.
I see In this link that I can add bootstrap-rtl by npm.
Is it match to angular-2 cli project also?
https://www....
0
votes
1answer
37 views
AngularJS. UI Bootstrap modal does not close on backdrop click when using custom styles
I am using UI Bootstrap modal with custom styles. When using default Bootstrap styles, click on the backdrop element closes the modal, but when using custom styles, click on the backdrop element does ...
2
votes
2answers
37 views
Bootstrap modal not working inside ng-include
I'm using bootstrap modal (Link) in my project but it doesn't seem to work inside ng-include
https://plnkr.co/edit/W3utfj7URejXpeJX524e?p=preview
<div id="myModal" class="modal fade" role="dialog"...
0
votes
1answer
20 views
angular uib-popover-template input two-way binding
I am working on uib-popover recently, I found a problem that I am confused with.
I want to popover a template, in this template I have an input, at first the input have initial value.
I want to ...
0
votes
2answers
35 views
How to resize table width based on screen size
I'm working on this page which contains a table inside modal-body.
The screen i work on is 22 inch and the table looks perfect on that. But when I see it on my laptop Macbook 13 inch, the table ...
0
votes
0answers
23 views
How to show large image using Bootstrap or Angularjs?
I am using bootstrap and angularjs, I want to show large image on. I clicked image but its not working. How do this? Any built-in library of bootstrap when I show large image.
<html>
<head&...
0
votes
0answers
29 views
Angular UI-Bootstrap Injector Error
I am trying to use angular ui-bootstrap on my project. After adding the required script dependencies in my layout.cshtml, I get the following error;
Error: [$injector:unpr] http://errors.angularjs....
0
votes
1answer
24 views
UI bootstrap dropdown toggle needs to be clicked twice if closed manually
I am using UI Bootstrap drop-down component to show angular-bootstrap-datetimepicker calendar on click. I have also added a $watch to close the dropdown after date is selected.
Plunker
<div uib-...
-1
votes
1answer
40 views
Comparison of components and classes between Angular Bootstrap vs Angular Material Design for Migration
Well, I know that Bootstrap and Angular Material Design are two differents framework's, but I also know that they have many similarities and it is possible to make a comparison of alternatives to use ...
1
vote
1answer
20 views
Closing angular-bootstrap-datetimepicker on date click
I am using UI Bootstrap drop-down component to show angular-bootstrap-datetimepicker calendar on click. I works mostly fine, but the calendar block only closes on click away, it doesn't when you click ...
0
votes
0answers
9 views
-3
votes
0answers
51 views
How to import an excel file in Angular 2?
I want to import some excel file in spring boot project using Angular 2.There is no way for doing it. Is any one have done it.
Now i am able to upload excel file. Below is code:
<input type="...
0
votes
2answers
18 views
How can I set min max init date?
I want to set min, max and init date to my uib datepicker?
What I have done doesn't work. I don't know where I am wrong.
HTML:
<input id="field_datePremierJour" type="text" class="form-control" ...
0
votes
0answers
25 views
adding logo in angularjs appliaction
hi friends i am new to this mean stack application. I want to insert a
logo in my application i used the fallowing code in index.html file
<html ng-app="myapp">
<head>
<link ...
0
votes
1answer
28 views
How to persist a success icon in the view after modal function with AngularJS and UI-Bootstrap? (Plunker)
I'm making something that works similarly to this plunker that I created.
In my app I'm using Firebase/AngularFire.
In the plunker you can see that when you check-in to a meeting, the icon changes ...
firebase
0
votes
0answers
18 views
Adding ng-style to a ui-bootstrap modal windowTemplateUrl
I have a use case where I'd like to resize the complete ui-bootstrap modal dialog box when something in the dialog box changes. Is this even possible?
I open the dialog using:
modalInstance = $...
1
vote
1answer
31 views
How to close/dismiss modal while still resolving?
I'm looking for a way to cancel the resolve of a Angular-UI Bootstrap modal and stop it from opening. The dismissAll method is not working because the modal instance is added to the modal stack only ...
0
votes
1answer
33 views
npm installed in project how to use them
Created a project in web directory. Hello world example works.
Installed node and grunt.
Ran:
npm install angular-ui-bootstrap --save-dev
angular-ui-bootstrap is now in node_modules
How do I ...
-2
votes
1answer
18 views
boot strap grid css horizontal stacking [duplicate]
I'm trying to solve a css problem with bootstrap 'possibly' if we can stack rows with different height like this picture bellow (column has equal width but different height from one another)
...
-1
votes
0answers
13 views
Override ui.bootstrap.accordion template-url with Webpack?
I am currently using webpack 2, angular 1.6 and am trying to figure out how to use template-url="group-template.html" correctly. I installed ng-cache-loader.
enter image description here
0
votes
0answers
30 views
How to enable only particular dates in a month and disable all others with angular UIB datepicker
I am using a angular UIB datepicker in my project, I need to enable few dates in a month and then disable all other dates. For example, I need to enable the these dates: 10th jan 2017, 17th jan 2017 ...
