A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
2answers
11 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} | ...
0
votes
0answers
7 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
13 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
14 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
15 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
17 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 ...
0
votes
1answer
14 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
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
23 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 ...
0
votes
1answer
16 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
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 ...
1
vote
1answer
26 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 ...
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:
-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 ...
0
votes
1answer
13 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
0answers
18 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
14 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 ...
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
1answer
16 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 ...
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 ...
0
votes
1answer
22 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
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
16 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
21 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 ...
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 ...
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 :
{
...
-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
12 views
differnt options to implement Typeahead dropdown with scrollbar in .net application with angularjs frontend without bootstarp [on hold]
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
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 ...
0
votes
1answer
26 views
AngularJS - Set active tabset after delete some one
I have a code that contains a button with a ng-click that when is pressed It add a new tab to the tabs array.
<div class="btn btn-primary" ng-click="add()">Add</div>
$scope.add = ...
2
votes
2answers
22 views
bootstrap div breaks line
This is my code:
<div class="row">
<div class="col-lg-2 " align="center"> <img src="" class="img-circle img-responsive"> </div>
<div ng-...
-3
votes
0answers
30 views
Css corner with own shape
I'm trying add this blue top left corner to a bootstrap modal with css but no success.
There is a way to do this?
Thank you.
0
votes
1answer
11 views
https://angular-ui.github.io/bootstrap/#/pagination class=“pagination pagination-lg” not working in bootstrap 4
I am new in angularjs. I am using https://angular-ui.github.io/bootstrap/#/pagination. I have some problem : style class="pagination pagination-lg" not working, I am using bootstrap version 4. Help me....
0
votes
1answer
16 views
How to append angular ui uib-template to body but still have the reference to the directives' controller?
I've got a directive and I have to append a tooltip to one of its elemenets. But due to existing HTML/CSS code I have to append it to the body instead of this element. But I still need some properties ...
1
vote
1answer
16 views
Show text from beginning when text is longer than textbox's width
When some text is added in an input field and text exceeding its width. Now when the focus is shifted outside the input field (blurred), I want to show its text from beginning (not where the user ...
0
votes
0answers
24 views
Uib-alert css style is not applying
<uib-alert ng-repeat= "alert in ConfigurationAlerts" close="closeAlert($index)"> {{alert.msg}} </uib-alert>
var eWiggle = angular.module('eWiggleApp',['ui.router', 'ngAnimate', 'ui....
0
votes
2answers
30 views
Increase the width of the popover
I am trying to show a popover on Mouse over.
The problem I am having is to increase the size of the popover box.
Here is the Plunker
I tried to adjust the width using css as shown below :
....
0
votes
1answer
22 views
Angular Bootstrap Colorpicker is not working in Minified Version
I am currently using Angular Bootstrap Colorpicker (https://github.com/buberdds/angular-bootstrap-colorpicker)
It works fine when I run it locally. However when I use Grunt to build the files, the ...
0
votes
0answers
22 views
Angular div popup
i'm using Angular and its Bootstrap implementation to popup a div when the mouse is over another div... i can debug the code and the ng-mouseover and the ng-mouseleave work correctly changing the ...
0
votes
1answer
74 views
MobileFirst v8 and bootstrap Angular JS v1.5.3 error
I have a Cordova application that uses MobileFirst Platform version 8, Ionic version 1.3.1 and AngularJS version 1.5.3. When I run it and bootstrap Angular JS so that the app connects to the ...
-1
votes
2answers
28 views
Set particular color on each bar on a Flot Bar Chart
I have created a Flot chart on my HTML page. I am trying to create a UI html template for my project.
HTML page :
<div id="page-wrapper">
<div class="row">
&...
0
votes
1answer
46 views
Two-way binding not working in UI Modal
Am trying to show data in a modal, but I can't seem to get two-way binding working.
In my HTML I have
<div class="cta-actions">
<div class="action"><a class="btn btn-lg btn-max">...
0
votes
2answers
44 views
Angular UI Bootsrap modal callback
I have a bootstrap modal which has a single ok and cancel button wired. What i need help with is i need a different instance of ok and cancel for every modal instance that is called.
Modal.html
<...
0
votes
0answers
14 views
datepicker popup ui bootstrapp angular
I am using this datepicker
https://angular-ui.github.io/bootstrap/
It works fine, but I want to reset the state when closing the popup.
Example
If I open popup, and click on the date in the top, ...
2
votes
0answers
32 views
Ui-Bootstrap: Error: [$compile:ctreq]
I have written a tabset in the body of an html page. However, only a portion show up and the others are presented near the header as list items represented by a bullet point. I know I have everything ...
0
votes
0answers
12 views
Continue to Display Label While Returning ID in UI Bootstrap Typeahead
I'm using UI Bootstrap 0.12.0, and i would like to have the label value to continue to display in the textbox when i make a selection, but i want the return value assigned to my ng-model to be the id ...
1
vote
0answers
26 views
Angular-JS, modal doesn't close as intended
I am using AngularJS 1.3.7 with Angular-ui-bootstrap 0.14.3
I have a problem with fairly simple code (I simplified it a lot and yet problem still persists), yet I couldn't see the source of problem. ...
0
votes
1answer
31 views
Bootstrap modal popup shows page content
The bootstrap modal popup shows the content of the page on the popup. The popup should not show anything that is on the page. Please find the below image where youtube, facebook and twitter images on ...
1
vote
1answer
17 views
Button inside one static tab to show second tab is not working when using angular ui bootstrap
I want that on clicking a button inside one static tab would take me to another tab. I am trying using angular ui bootstrap but it is not working. I am using below code but it is not working-
<...
1
vote
0answers
88 views
Angular 2 with webpack - Uncaught ReferenceError: System is not defined
This is for the latest release of angular(rc4). I have been following the guide for using webpack with angular 2 provided here Angular 2 Webpack intro. No notable errors when packaging with webpack ...
