A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
1
vote
1answer
7 views
Tab's content overlaps its neighbour's tab's content
Let me explain the issue with the help of the following example:
I added 3 tabs e.g. TAB1 , TAB2 and TAB3. Now If I delete TAB2, the
remaining tabs will be TAB1 and TAB2 (as TAB3 will take TAB2 ...
0
votes
0answers
13 views
Why does my Bootstrap pagination is not linked to the ui-grid
I followed the thread in here - How to place pagination outside angular ui-grid?
And came up with my own codes
Grid directive
<div id="tablegrid" ui-grid="gridOptions"></div>
...
59
votes
7answers
64k views
How do I increase modal width in Angular UI Bootstrap?
I am creating a modal:
var modal = $modal.open({
templateUrl: "/partials/welcome",
controller: "welcomeCtrl",
backdrop: "static",
...
3
votes
0answers
22 views
How to Maximize, minimize and make uib-modal dragable?
I am having a requirement of minimizing and maximizing the uib-modal, please suggest me ways to do so.
0
votes
0answers
11 views
combobox in bootstrap which acts as dropdown and inputfield
I'm trying to develop a form which contains the following fields customer name,company name, salary. In the form when user enters a name in customer name then the dropdown list should appear for ...
2
votes
2answers
21 views
Angular ui carousel binding repeated called
I've created a simple plunkr to try and understand why a scope function fires so many times on an angular ui carousel.
The html looks like the following
<div uib-carousel id="myC" interval="...
0
votes
1answer
18 views
Angular ui: bootstrap datepicket input validation
I'm using this datepicker. As of now, the user can write anything he likes in the input field which is not what I want.
My code:
session.js
session.getDateFormat = function() {
return ...
1
vote
1answer
118 views
How to get Bootstrap Calendar Default look using Angular Bootstrap
How to get Bootstrap default datepicker look and feel using Angular UI Bootstrap
Angular UI Bootstrap calendar view :
http://plnkr.co/edit/?p=previewenter code here
What I want :
https://eonasdan....
0
votes
2answers
17 views
How do you filter multiple values with the OR operation using an ng-model?
I currently have an ng-modal I labelled as "myQuery." Right now, it has two filters that appear as such:
<accordion-group heading="" ng-repeat="hungry_pets in Pets" | filter:{hungry:false} | ...
13
votes
3answers
28k views
How do I tell ui-Bootstrap what content to paginate?
I am using ui-Bootstrap and I am trying to get the pagination working but I seem to be missing something. I have read the documentation and looked at a bunch of plunkers to try and work out how they ...
0
votes
1answer
19 views
Show keyboard on Show of Modal Ionic - AngularJS
I have a modal view containing a textarea and when the modal is show I want the keyboard to appear. Here is my code
$ionicModal.fromTemplateUrl('templates/inputtextarea.html', {
scope: $...
0
votes
0answers
10 views
Can you temporarily access a uib-accordian group's is-open call through an external function?
Right now is have the following code, that essentially opens and closes my table on click. Deeper inside of this, there is a button that does a certain function. However, whenever I click on the ...
-1
votes
0answers
18 views
Issue loading JavaScript code/files in Angular JS modal pop-up(UibModal)
I am developing angular js application in which i am trying to render mvc view in the modal pop up using angular $uibmodal service.I have added the required libraries in the main view.
In modal popup ...
1
vote
1answer
16 views
How to open ui-bootstrap dropdown on clicking over angular highcharts
This is the config object that I am passing to highchart directive and getting click event on clicking the highchart column, now on clicking the any column of highchart I want to open the dropdown ...
0
votes
2answers
17 views
bootstrap dropdown menu doesn't use available space and breaks on pull-right
My dropdown looks like this:
<a uib-dropdown-toggle class="tm-notification" href="">
<i class="tmn-counts" id="idItemNumber">666</i>
</a>
<div class="dropdown-menu pull-...
0
votes
1answer
15 views
HTML in popover with angular-bootstrap 0.12.1 & Angular 1.2.x
I'm trying to have HTML inside a popover content.
It's possible with a specific directive on the next versions, but I need to use the 0.12.1 version of angular-bootstrap since I'm using Angular 1.2....
0
votes
1answer
18 views
how to show “no match found” in typehead in angular ui?
What I want to do is this: when a user starts typing in the typehead input and no matches are found it should show a message saying "no match found".
Below is the code and a plunker:
HTML
<html ...
9
votes
4answers
13k views
Unknown provider: $uibModalInstanceProvider - Bootstrap UI modal
I have a problem with UI Bootstrap modal.
In one controller I have this:
app.controller("tableCtrl",['$scope','$http','$uibModal','$log' ,function ($scope, $http,$uibModal,$log) {
$scope.open = ...
0
votes
0answers
216 views
Color background or text in angular bootstrap-ui accordion based on value
I am following this example, accordion example in http://angular-ui.github.io/bootstrap but I just want the header to be in red or background in red depending on a value. I can't get the heading to ...
0
votes
0answers
9 views
Angular UI Tour z-index wrong with backdrop
I am using Angular Ui Tour but i have a problem with z-index, i need to add a step in tag which have a z-index lower than the backdrop. I've tried to set appendToBody but it isn't work.
My ui-tour ...
-1
votes
2answers
27 views
Javascript select control using modal popup
Is anyone aware of javascript control/library which converts regular select-option drop down into modal popup based select control?
For example when you click on drop down in below image it opens ...
-2
votes
2answers
26 views
How to calculate number (max value) in percentage?
I have set max value to 3MB in bytes now i want to set $scope.dynamic value percentage of max value, Below code is returning dynamic value is NaN.
How can i calculate dynamic value percentage of max ...
1
vote
1answer
28 views
How to pass variable to Angular UI Bootstrap Datepicker custom class
I'm trying to pass a two-way data binded variable to Angular-UI-Bootstrap Datepicker customClass. But the data binding doesn't work inside my customClass function, it just gives me the value I ...
1
vote
1answer
44 views
Bootstrap Navbar not collapsing using ng-Router
My angular project is complete and working fine. Problem I am having is that after implementing ng-route for navigation my bootstrap navbar will open but will not collapse. I checked for similar ...
0
votes
0answers
38 views
How to increment progressbar with current value?
I have a progressbar that calculate current value in percentage and display in progressbar that is working as expected, Every time $scope.dynamic value get updates i want to increment progressbar ...
0
votes
2answers
29 views
Bootstrap 3 left close bar 100% height with container-fluid
I'm trying to create a layout for a page like this with a full height left close bar. I keep running into the left close bar either pushing everything down or is limited to only the top left corner:
0
votes
1answer
23 views
AngularJS - ui-bootstrap pagination “show more results” not working
I cant seem to get my select drop down "show more results" to work with ui-bootstrap. I got it working with dir-pagination but not bootstrap. What I simply need it to do is when they select 10 from ...
0
votes
1answer
14 views
ui-bootstrap modal appendTo
I am using the ui-bootstrap modal with angular to attach a modal to my document. However, I want the modal to be attached in a child div of the body with an id of #base-view. This is so that the modal ...
0
votes
1answer
23 views
How can i make it through using bootstrap grid?
The Above image shows this is how i want to make it.I have alignment display issue and line doesn't gets displayed. how can i achieve using with bootstrap grid.I want it make responsive. please advise ...
0
votes
0answers
24 views
Angular UI autocomple not working showing code twice
I am using angular ui autocomplete but it is not working correctly. When I click on the search box and start typing then it is working fine but when I go to search box using tab (coming from other ...
0
votes
1answer
15 views
How to use max value attribute using angularjs uib-progressbar?
I want to set max value to 200 count and when i receive message it should show current messages count in progressbar , With below code when i send one message whole progress bar display 100% and it ...
0
votes
0answers
12 views
differnt options to implement Typeahead dropdown with scrollbar in .net application with angularjs frontend without bootstarp [closed]
Application inofrmation:
Fornt end:- Angular js v1.2.2
Back End:- .net
Requirement: Need to implement a Typeahead dropdown......Please provide different options to implement this requirement, ...
0
votes
1answer
17 views
How to attach uib-dropdown menu to a table row?
I have an uib-dropdown menu. When the users clicks on a row it should show up below this row.
My current solution (http://plnkr.co/edit/sVdR3CLgi5BFuWl5jxWM) is shown below the table.
How can I ...
29
votes
8answers
21k views
Hide Angular UI Bootstrap popover when clicking outside of it
I am trying to manually close a bootstrap popover to get it to close when I click anywhere on the document or body that isn't the popover.
The closest thing I have found to accomplishing this is to ...
0
votes
0answers
12 views
Unable to use uib-popover-template in delete prompt?
I am developing a custom directive in angularjs, which displays a deletepop on element, on which it's used. But, it's not appearing, when the element is clicked. I am new to angular world and so don't ...
7
votes
1answer
785 views
AngularJS Error Unknown provider: $$jqLiteProvider <- $$jqLite <- $animateCss <- $uibModalStack <- $uibModal
I trying to create a simple modal that pops up and gives different menu options. It should be easy, and I followed the Plunker for modals on the ui bootstrap site but I'm getting an error that says $...
0
votes
2answers
11 views
AngularJS - ui-bootstrap pagination error
Im getting an error with ui-bootstrap pagination Unknown provider: startFromFilterProvider
Here is my controller code:
function observedCars($scope, $http, API, CarDetailService, $state) {
$http....
0
votes
0answers
17 views
How to give the own template and angular ui bootstrap carousel 0.12.0 not working
I'm working with the UI bootstrap carousel 0.12.0, i had all the slides in the html template itself and i'm not using any ng-repeat for making the slides active, but i'm not able to make the carousel ...
0
votes
0answers
23 views
Angular UI Bootstrap - Carousel directive - Animate CSS Provider unknown
I'm trying to use the carousel directive, and am getting two errors.
First one is
Unknown provider: $animateCssProvider <- $animateCss <- .item-animation
Other one is
TypeError: $animate.on ...
2
votes
3answers
195 views
Angular write into nested scope properties
I have multiple "input field and a button" couples in my app.
The button opens up a dialog to write something into the text field.
[ input ] [ button ] ---> [ dialog ( ok ) ( cancel ) ]
I've ...
0
votes
0answers
9 views
How to place content of uib-tabs to the right place when embedded into multiple levels?
I'm trying to embed uib-tabs into a hierarchy of two levels of uib-tabs.
Now I'm banging my head trying to have the content of Menu2 > Vertical 2 > Sub-content 1 (and 2) to the right place. How can ...
6
votes
1answer
66 views
AngularJS [typeahead] reopen result dropdown on onFocus
I have problem in following use case in typeahead:
Problem:
user starts typing, dropdown opens and shows results
user clicks out of the input field (nothing is deleted from the input field), ...
0
votes
0answers
16 views
How to hide a menu item depending of the target?
I am using this context menu.
I see there is a way to enable or disable a menu item depending on where the user click.
I am looking for a way to not show the option at all, something like :
{
...
12
votes
6answers
22k views
Angular UI month picker
I am trying to use angular-ui-datepicker as a month picker. But not able to configure it, tried it all. Here is the PLUNKER.
I tried to set the modes as
<input type="text" class="form-...
-1
votes
0answers
19 views
How to calculate bytes to assign value to variable in Javascript?
For progressbar I have converted string to bytes and then i have method that convert total bytes to KB or MB based on total bytes, Everytime message comes in i calculate bytes and push into new array ...
0
votes
0answers
17 views
Error function it's not getting call when I dismiss a modal in AngularJS bootstrap ui modal
I have the following the workflow inside a form, the user press the submit button this cause a modal window to appears this window have two buttons one that says accept and other that says cancel, if ...
4
votes
2answers
98 views
The popup calendar show local date but the selected date is UTC
I want to keep the selected date in UTC format.
But the pop-up calendar is not sync with the selected datetime.
Lets's say when I click 08/13 and the selected date is 08/12
Because in my timezone ...
0
votes
5answers
5k views
Testing Modal Controller: unknown provider: $modalInstanceProvider <- $modalInstance, TypeError: Attempted to assign to a readonly property
I am a bit new to AngularJs. I am using Angular UI bootstrap (0.10.0) for modal implementation. I am getting the following errors while testing a modal controller
using AngularJs 1.2.7: TypeError: ...
9
votes
5answers
25k views
Create a simple Bootstrap Yes/No confirmation or just notification alert in Angular
It's so simple in a non-Angular environment. Just html and a two line of js code to show a modal confirmation dialog on the screen.
Now I am developting an AngularJS project in which I am using ui-...
2
votes
3answers
9k views
Bootstrap alert message represented as modal, angular
Bootstrap 3 provides Bootstrap: event messages: success, info, warning, danger.
However sometimes the view doesn't have enough space to show up the event message.
Is there easy way to wrap event ...
