A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
1
vote
1answer
25 views
How to change Angular-UI element property with Jquery
I'm trying to have a simple accordion with two buttons at the top: one button that opens every panel and one that collapses them.
I'm trying to use jQuery's prop method to alter the is-open property ...
0
votes
1answer
22 views
How can I style 2 ui-bootstrap modals differently?
I have 2 modals that I'd like to style differently at the modal-dialog level. I'm not sure how to do it. It seems that if I apply a style that I think should only apply to one, it applies to both of ...
0
votes
2answers
35 views
Extend Angular-UI Datepicker directive
I have been using the ui-datepicker from Angular-ui-bootstrap a lot, but every time I use it, I need to set it up, the same way I do every time.
So I was wondering if I could create a directive called ...
0
votes
0answers
11 views
uib-datepicker-popup: Only enabling certain dates for selection
The docs/examples don't seem to cover this use case, nor have I found an example for this.
If I've got a list of dates, and want all other dates in this Datepicker disabled, what's the hook that ...
0
votes
0answers
4 views
Bootstrap or angular component to Dashboard/Timeline example
Please, I need a help/information about a component bootstrap or angular to dashboard/timeline.. Someone knows something similar or equal to what is in the picture?
I appreciate any help or tip.
0
votes
0answers
18 views
Angular/Bootstrap Dynamic Tab on select
I am having some hard time creating a select list within a form to dynamically change the content of another tab.
I found some other questions here on stackoverflow regarding dynamic tabs but nothing ...
0
votes
0answers
17 views
angular ui-bootstrap dropdown is always initial open
I am using ui-boostrap in my angular project and i ran into a weird issue: My dropping menus are always initial opened. I also tried to force the closed state via the controller but this is also not ...
0
votes
1answer
14 views
How to bind progress bar with loaded data with Angular JS
I am using bootstrap-ui progressbar and AngularJS $http. I perform an AJAX request which may take some time and I would like the progressbar to be synchronized with the amount of data received by ...
-1
votes
2answers
30 views
Angular UI Bootstrap Accordion - First accordion group is not opened
I am using UI-Bootstrap Accordion and populating content from JSON Object. Now i am trying to open first accordion group always on load but its not working.
I have used is-open setting as true but ...
-1
votes
1answer
21 views
Bootstrap grid layout curiosity
I was wondering if with bootstrap it's possible to do something like this?
And when the size of the screen gets smaller, the small cubes would pass to one column, and then the big column on the ...
0
votes
1answer
33 views
Angular UI-Router routing configuration not working
I am using UI-Router to do the routing for my new application.I have my state defined for home page. I have link in my page for "Sign Up" which needs to open as a modal window as separate state and i ...
0
votes
1answer
14 views
how to get bootstrap tab to send an event when event is changed
<uib-tabset type="tabs" >
<uib-tab heading="Event Workflow Activities">
<div ng-include src="'webapp/event/EventWorkflowActivities.tpl.html'"></div> ...
0
votes
0answers
12 views
apply error class on bootstrap datepicker
I have an input field which has ui-bootstrap datepicker applied on it. Here is how I am doing it:
<div class="col-md-4 form-inline">
<!--<label>Date</label>-->
...
0
votes
2answers
31 views
Weird sliding behaviour in Angular UI bootstrap carousel
Im working on a project where I want to use a carousel to display some different content. I will not create the slides dynamically using an ng-repeat, this is because I have to move some of the ...
0
votes
1answer
30 views
uib-datepicker-popup Not showing picker in firefox or safari
I been using the Ui angular bootstrap datepicker, and it's been working fine.... in chrome.
As it turn out, Firefox and safari won't show the datepicker. Anyone ever run into this before.
my HTML ...
0
votes
0answers
55 views
Angular-animate not working with Ui Bootstrap
I'm using "angular-animate": "^1.5.0" with "angular": "1.5.0" and "angular-bootstrap": "^1.2.4".
I've implemented my app.js as:
var app = angular.module('app', [
'ui.router',
...
0
votes
0answers
28 views
Formly bootstrap. How do I show label with html?
I am using angularjs formly. Bootstrap template. I am looking a way to show html code I label. Now they are escaped when display
Here is the formly fields
vm.fields = [
{
key: 'awesome',
...
1
vote
0answers
39 views
Decorating an AngularJS Directive
I've been following this post in order to augment or change UI Bootstrap. It's been very useful, but I've recently hit a snag while augmenting the datepicker. I've got the following (trimmed) ...
0
votes
0answers
21 views
Angular-ui Bootstrap Error require is not defined
I am implementing the angular-ui carousel. After adding jspm packages to existing project I see following error in my console.
:3000/jspm_packages/bower/angular-ui/[email protected]/index.js:3 ...
0
votes
1answer
23 views
AngularJS: Creating a directive for converting a string to a Date on the fly
Angular UI Bootstrap changed the way of what the datepicker expects as ng-model in some version after 1.13.0. Before it was fine to give it an ISO date string, now it wants a Date object.
I consume ...
0
votes
1answer
22 views
AngularJS : Conditional tooltip trigger
I need a tooltip to show up when the used entered value in one text field is greater than 100. I have the following code:tooltip="Some Message" tooltip-trigger="{{{true: 'mouseenter', false: ...
-3
votes
1answer
24 views
Medical graphics for web applications
I am developing a medical web application and I need a theme or a graphics bootstrap library for some live statistics. Something like heart rate monitor etc. Can you Recommend any good libraries?
I ...
0
votes
1answer
55 views
Angular UI-Bootstrap carousel not working
I want to make a carousel using angular and Bootstrap but it simply doesn't work. I can't see the carousel at all and I see angular's brackett.
In other words, my result is:
Hi {{name}} Those are ...
0
votes
1answer
21 views
Data-toggle not working before any of the elements in the page is clicked
The setting button - datatoggle is not changing , aria-expanded ='False' by default.
When any of the elements in the page is clicked, the aria-epxanded value changes from False to True.
But before ...
1
vote
1answer
22 views
calling a custom function from uib-pager control
I am new to angular / bootstrap , I want to call a custom funtion from pager control uib-pager , but there is no ng-change="pageChanged()" directive as we have it for pagination control.
I know that ...
0
votes
0answers
21 views
Bootstrap Collapse Vs Angular UI Collapse
I know its very basic question. But Are there any advantages using angular collapse directive vs bootstrap collapse? I know, angular collapse internally depends upon bootstrap. But, I wanted to know ...
0
votes
1answer
23 views
How to display ui-boostrap tooltip on disabled button?
before posting here i searched and searched and i found several solutions for applying tooltips to disabled buttons, anyway none of these was using uib-tooltip from angular ui bootstrap.
Here is the ...
0
votes
2answers
47 views
Angular - How to show selected value different in the input field, different than selected ng-model?
Suppose i have
var app = angular.module('plunker', ['ui.bootstrap']);
app.controller('MainCtrl', function($scope) {
$scope.FDLAccountOther = [{
"fdlAccountId": 300,
...
0
votes
1answer
27 views
Don’t save scope changes in angular modal
I’m using the Angular UI Bootstrap modal to update an array on the scope. I don’t want the changes saved unless I click the close button. If I click the dismiss button I don’t want to update the ...
-2
votes
0answers
20 views
angular-ui-bootstrap tooltip cause canvas flickering
I have a canvas inside a directive template, any link inside the template or outside the template containing a tooltip cause de canvas flickering when mouse is hover that link.
If someone has ...
1
vote
4answers
39 views
Passing data between modal and controller
How can I make data available in a controller? I have created a really simple Plunk that should show data on the $scope in a modal. I’ll then need to update the data, and only update $scope on ...
1
vote
0answers
19 views
bootstrap “control-label” behaves strange when following dynamically created list
<!-- code snippet of html -->
<div class="form-group">
<label for="items" class="col-sm-2 control-label">Items</label>
<div class="pull-left input-group">
...
-1
votes
1answer
28 views
Overflowing property for selected item
I'have a combobox in my web page. Some text of item are larger than the combobox itself, so I use the css property "text-overflowing" but it affect only the drop down list items and not the selected ...
0
votes
1answer
21 views
How to use sub features of angular-ui-bootstrap with JSPM?
Of course, it's unnecessary to load the entire angular-ui-bootstrap library (~500k with templates, tpls) just to use a few features.
I only need the dropdown and the popover (for now).
Using JSPM, ...
0
votes
1answer
46 views
Angularjs ui bootstrap: how to vertical center modal component?
Recently I am learning angularjs. I have used bootstrap before. With jquery, I can easily change the position of the modal component position to make it vertical align. Now with angularjs, it seems ...
-1
votes
1answer
53 views
how to make Bootstrap dropdown to work without jquery
I have created drop down menu as below
.html file :
<div class="container">
<nav class="navbar navbar-fixed-top" role="navigation">
<div ...
0
votes
1answer
21 views
Error: [$compile:multidir] using uib-tab
My code is:
<uib-tabset>
<uib-tab id="tab1" heading="Tab1">
<div ng-include="'partials/tab1.html'"></div>
</uib-tab>
<uib-tab id="tab2" heading="Tab2" ...
0
votes
2answers
23 views
Icon inside hidden Form in UI Bootstrap Popover causes other icon to be pushed down vertically
I have a uib-popover which contains options for people to make donations. There are two icons in the popover - one for paypal, and one for patreon.
When a user clicks on the icon a new page is opened ...
1
vote
0answers
36 views
menu sidebar didn't expand it self again in bootstrap
I have a menu on my sidebar as shown below
I have this code
<ul class="nav sidebar-nav">
<li><a href="/ES/"><span class="glyphicons ...
0
votes
1answer
15 views
How do I alert a after the progress bar has completely loaded in angular js & bootstrap ?
I would like to load an image after the progress bar has completely loaded, (kind of sequential). I have this snippet. Please do help!
<progressbar class="progress-striped active" animate="true" ...
0
votes
1answer
29 views
Handle date with mask and uib-datepicker
I'm looking for a way to use uib-datepicker and some kind of mask for the user input but the uib-mask is not suitable for work with js Date() types.
In the default uib-datepicker samples the users ...
0
votes
2answers
87 views
Angular UI bootstrap uibModalInstance.result not yielding any value
Below is my code for the directive cabinet and my two controllers CabinetThumbnails,ModalCtrl. Based on my requirement i am using the directive cabinet and the CabinetThumbnails to render couple of ...
1
vote
1answer
56 views
Typeahead seems to lag one $http request behind, whats the bug here?
I know Customizing out of the box typeahead directive is not a good idea, so went ahead and created another directive called type-ahead-custom for my customization.
here's plunker ...
0
votes
1answer
56 views
Angular data binding not working inside ng-view
I am using angular JS with angular-route and ui bootstrap to build a form with dropdownlist.
My problem is thaht when I put the ui-bootstrap dropdownlist component inside an ng-view, the component ...
0
votes
0answers
40 views
angular ui-select not rendering input field
Hey guys im mindf*cked,
i have an angular 1.4.7 project and want to use 'ui.select' but im getting always this errors:
Error: [$compile:tpload] ...
0
votes
0answers
48 views
Unknown provider: $uibModalInstanceProvider when open template not in modal view
I'm getting the follow issue whenever I access to a view that has to behave in two different ways:
First, when its called for another view working as a 'step window' to input some data and pass it ...
0
votes
0answers
6 views
How to show ngdialog as nspopover
How can i open ng dialog like ns-popover i can not use ns-popover as it don't have any method to call the way ng-dialog has open function.
I tried changing css as nspoppover have but it doesn't work
...
0
votes
0answers
18 views
Directive validation for wrapped input and issues with $compile
Here is a plunker for my directive:
http://plnkr.co/edit/IJLRqLIDchu9TNRfbRbv?p=preview
I'm attempting to create a directive called app-datepicker that takes an input like this:
<input ...
0
votes
1answer
24 views
Uncaught TypeError: $scope.getalb.push is not a function(…)
1. I Want to insert two dimensional array in local storage.
I face an error Uncaught TypeError: $scope.getalb.push is not a function(…) in else part of condition.
//app.js
var homeApp= ...
1
vote
2answers
40 views
Bootstrap (Angular), Main Content not occupying full height
Okay, I know that this question might have been asked by different users under different circumstances, but I am really stuck here and I have tried most of the suggestions. The problem is I cannot get ...
