A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
2
votes
3answers
29 views
How to have two sections using 50% of the total height?
My goal is to have two sections, both containing a methodbar and table, which are using all the height available.
Any idea about how to modify the CSS?
I already tried playing with height and 100% ...
0
votes
1answer
10 views
dropdown-toggle up and down keys in keyboard not working
I am unable to use up and down arrow button to focus on the drop down menu.
In my application, we are using angularjs.
here is my code.
<div class="dropdown dropdown-eq2 form-group" dropdown>
...
0
votes
0answers
6 views
Bootstrap template not loading correctly
I am new to Bootstrap and AngularJS.
recently i uploaded/Published. new sample table via Github.
https://iamvsk.github.io/
this works correctly on localmachine. but when viewed through github, all ...
-2
votes
3answers
17 views
HTML-Bootstrap: How to make collapsible text appear under its own button
I am using bootstrap to use collapsible text.
I am using two button for collapsing and their corresponding collapsible text.
The problem is the text is appearing at the end of the buttons instead of ...
0
votes
0answers
5 views
Angular ui-router clear cache(with ui-bootstrap doesn't work)
When we want to clean angular template cache, we have two ways:
1.$templateCache.removeAll();
2.templateurl+ new Date().getTime()
Template cache normal clearance, when it uses ui-bootstrap, it ...
2
votes
1answer
27 views
Google images layout with angularjs and ui-bootstrap
I would like to make an image gallery that is similar to Google images gallery layout but I couldn't find any useful example to approach. I would like to show the larger image right below or above the ...
3
votes
1answer
41 views
Scroll is not working in Iphone
I have creating message sending applicaotin which i have using mvc-framework and angularjs and bootstrap css for responsive. i have some code for sending message. its show with scroll when its open in ...
0
votes
1answer
31 views
Creating Layouts in Angular 2 projects
Hi i am creating a project with angular 2. I want to have a number of layouts for my each modules like a Login Layout, Home Layout, and A user layout for every one who have logged in.
I can not ...
0
votes
1answer
27 views
Bootstrap alert message is not working inside angular run blocks under ui-router?
I am doing sample application to autologut if user is idle for 30 Min. before 1 minutes to logOut have to show an warning message to the user.
So i have calculated the minutes and show the warning ...
0
votes
3answers
26 views
Angular - Adjust Pagination When Filtered
I'm new to Angular, so go easy on me.
My question is similar to this one. I'm doing something a little different, so the accepted answer isn't working for me.
I'm using Angular UI Bootstrap's ...
0
votes
1answer
25 views
AngularJS - How to create dynamic sidebar on base of roles
I want to create dynamic sidebar on base of user role. It is stored in $rootScope.login but I don't know how to use it in template.js
Here is my js code and am very new to AngularJS
template.js
$...
0
votes
2answers
21 views
How can dismiss all modal dialog in angular js
In old version of angular bootstrap i used to use
https://angular-ui.github.io/bootstrap/#/modal
var myApp = angular.module('app', []).run(function($rootScope, $modalStack) {
$modalStack. ...
0
votes
0answers
28 views
How to create dynamic menu base on roles using AngularJS
I am very new to AngularJS.
template.js
$templateCache.put('template/sidebar-left.html',
"<div class=\"sidebar-inner c-overflow\"><div class=\"profile-menu\"><a href=\"\" ...
0
votes
1answer
17 views
Jerky animation with ui bootstrap and horizontal collapse
Why is the horizontal collapse jerky? It starts to open normally, stops for a bit, and then opens completely. There are no margins, nor padding on the elements in this example
https://plnkr.co/edit/...
2
votes
1answer
18 views
Angular UI Bootstrap Typeahead - No Async Results Displayed
I'm unable to get my asyn response to display in the typeahead dropdown. I previously thought it was due to a slow response but it appear this is not the issue. I'm returning a promise, as described ...
2
votes
1answer
22 views
Asynchronous Angular-bootsrap-UI typeahead: select directive issue
My application is using the Angular-Bootstrap-UI-Typeahead feature for auto complete.
As the user types, i'd like to be able to call an API & return similar strings.
I've followed the guidance ...
-1
votes
0answers
20 views
Boostrap form not so good in mobile devices
I implemented the following form for user registration:
http://chegaja.com.br/cadastre-se.php
I made using bootstrap. It is almost good, in notebooks and desktops works well.
My problem is in ...
0
votes
1answer
8 views
Loading an Angular State on selection of each Tab from Bootstrap
I have a module with multiple states which look like below:
(function() {
'use strict';
var maintenancePortabilityModule = angular.module('maintenance.portability.module',['ui-router']);
...
1
vote
1answer
37 views
How to add a panel in between two divs in bootstrap?
I have attached the screenshot of it.Please check this out Panel in between two divs
<div class="container-fluid">
<div class="row">
<div class="col-sm-10 background-image" align="left"...
0
votes
0answers
18 views
Angular bootstrap datepicker position
I have a problem with angular/bootstrap datepicker popup window. It should appear below the input
But somethimes it's displayed like that over the input
And it gets covered by the table's header. Any ...
0
votes
0answers
9 views
AngularJS/Bootstrap library to implement Mobile Comparator
I want to implement a mobile comparator, wherein user first selects a few models he wants to compare and then when he clicks "compare", a window opens where user is shown the details of the models ...
1
vote
1answer
55 views
Date Picker doesn't work with a new version of angular-ui-bootstrap 2.2.0
I will try to explain my confusions. So I'm working with angular ui bootstrap tools and angular ui grid. In my grid I have a columns with a date picker. With angular-ui-bootstrap 1.3.3 my date picker ...
0
votes
1answer
36 views
Listen custom Button click and re-render dates in controller for angularJs datePicker popup
I have overridden datepicker popup to add a custom button.
My custom button is wrapped inside <script id="template/datepicker/popup.html" type="text/ng-template">
directive.
I can see the ...
0
votes
1answer
17 views
ui bootstrap datepicker not taking js Date() object as string
I am using ui bootstrap datepicker in my project, when i am getting data from database the type of this date value Thu Aug 11 2016 00:00:00 GMT+0530 (India Standard Time) is string when i am using
...
0
votes
1answer
25 views
Create a button with a link to the nav bar Angular2 Material-Design-bootstrap
I'm just learning java and angular 2, in my front end i have a nav that is using material design bootstrap (http://fezvrasta.github.io/bootstrap-material-design/), in my view i have a nav pill
<ul ...
0
votes
2answers
22 views
How to get the uib-popover to open or close when the focus of the input field changes
I have a input field that has the uib-popover control on it. I have followed the documentation on how to get the directive to open but I have noticed some discrepancies in the documentation as well as ...
0
votes
1answer
21 views
Creating a wrapper directive for Bootstrap-UI's uib-datepicker-popup
I'm trying to create a wrapper AngularJS directive for Bootstrap-UI's uib-datepicker-popup so I don't have to recreate a bunch of boilerplate each time I need to select a date. I've been working off ...
2
votes
1answer
42 views
Tooltip of AngularUI not shown for divs within ng-repeat
I'm trying to show a tooltip on some divs of a website using AngularUI. The goal is to show them already when the user enters the site. That's why tooltop-is-open is set to true. However, this does ...
0
votes
0answers
12 views
Zoom Rectangle in JQuery - alt-click-drag to draw region to zoom into [on hold]
I am looking for a solution in JQuery/java script that will give me a zoom (to any image not in map) by alt- mouse click to draw a region to zoom into. I couldn't find any solution in JQuery animation....
0
votes
1answer
19 views
Angular Ui Boostrap Popover with html inline how to scape or encode the innerhtml
I´m migrating from a really old version of ui-boostrap to the new one.
On the previous version we have only popover="myhtml"
Now is needed to have popover-html and sanatize the html.
The problem is ...
1
vote
2answers
35 views
how to set uib-datepicker-popup opens always in day mode?
I have this issue with uib-datepicker-popup that when users opens the date picker and goes to month or year mode and closes the picker,and opens the date picker again, the picker opens in the last ...
0
votes
2answers
30 views
how to filter a date only according to timezone?
I have a requirement to change timezone of the time coming from server back and forth, where the user edits the date.
<td>
{{time | date:'shortTime':'+0500'}}
&...
1
vote
1answer
33 views
Highchart overflows modal window
In this plunk I have a Highcharts chart in an Angular UI modal window. The modal window has height and width declared in a class, and the chart is supposed to strech to width/height however it ...
0
votes
2answers
14 views
In Angular, Is it possible to have one trigger for a tooltip to appear, and another for it to disappear?
So I have a button on my template, with a tooltip that gives some extra information about the button. I would like the tooltip to appear when the mouse hovers over the button, and then disappear when ...
1
vote
4answers
42 views
How to close uib-accordion from inside with a button click
I would like to close accordion from inside with a button click. I am trying to set isOpen to false but it's not working. Is there any way to close it on button click? Thank you.
Plunker here: https:/...
1
vote
0answers
24 views
Dynamic Bootstrap Carousel 3 items as Active
I am trying to create a dynamic carousel in angular js and would like to have 3 items in each slide. the issue is that the first 3 items should be wrapped around the "active" class and all the next ...
1
vote
1answer
25 views
Angular Bootstrap UI Modal - Next/Previous
I'm relatively new to Angular, and am using it to filter a large list of products, and then that list of products has the ability to be opened in a modal where additional details are displayed.
I've ...
0
votes
1answer
11 views
How do you wrap a uibModal controller in brackets to protect it from minifying
I have a modal function that is having a problem when I minify. It's because the controller isn't wrapped in brackets.
With a regular controller, I would use " .controller('Ctrl', ['$scope', ...
0
votes
0answers
39 views
Angularjs clickable hover popover data not showing
I am have build a clickable popover using the help in this fiddle: https://jsfiddle.net/6awhrcec/
The popover works fine, it is clickable, click works. The problem is I have to embed data elements in ...
0
votes
2answers
31 views
AngularJs - getting undefined object when passing parameters through ui-sref
Hi I am very new to angularjs and here is my code
html
<table ng-table="tctrl.tableEdit" class="table table-striped table-vmiddle" show-filter="true">
<tr ng-repeat="w in $data" ng-class=...
0
votes
1answer
18 views
Getting a strange injector error - Unknown provider: bProvider <- b
After compiling my code, I'm getting a strange error that I don't recognize. Usually with an $injector error I get a specific module description, like $uibModal, or $resource, etc.
With this I just ...
1
vote
1answer
23 views
Angular UI Bootstrap $uibModal not being injected?
I'm trying to use angular-bootstrap and for some reason I'm getting an unknown provider error.
Everything looks to be in order. I've bower installed the latest version, as you can see in my bower....
-1
votes
1answer
39 views
Angular - Bootstrap
I have a page designed in angular bootstrap. I am trying to use a popover as follws ..
<div class="col-md-4">
<div class="row">
<ul>
<a href="" uib-popover-template="'...
0
votes
1answer
25 views
Bootstrap-UI - How to use TemplateUrl for a tab view without manipulating the URL?
I'm working on some Bootstrap-UI tabs, but I can't find an instance online that uses templateURL without manipulating the URL of the page. Here's what I'd like to do:
HTML
<uib-tabset active="...
1
vote
0answers
12 views
Resolve multiple dependencies of angular-ui modal
Using angular-ui modal directive I can create a modal and resolve a dependency.
$modal.open({
templateUrl: 'my/path/template.html',
controller: myController,
controllerAs: 'vm',
...
0
votes
0answers
30 views
Glyphicon not showing for Angular UI Bootstrap
I have searched things here and not sure why the ratings stars using angular-ui bootstrap isn't showing the glyphicons. The console shows errors, but not sure how they are applied here as the fonts ...
0
votes
1answer
17 views
Disambiguation: Angular, Bootstrap (css & js), angular.bootstrap, UI Bootstrap, and anything else I should know about Angular and Bootstrap
I recently started working on an Angular project that someone else started. I'm loving it, but am massively confused about Angular's relationship to Bootstrap. Especially because it seems like all the ...
1
vote
0answers
31 views
How to make sidebar collapse horizontal using css and angular-ui?
I want to use collapse angular-ui directive to use slide functionality of sidebar , slide is working but diagrams button is staying at same position. How can i move diagrams button to right of cols ...
0
votes
0answers
14 views
How can I re-position a dropdown menu in UI-bootstrap?
I have a ui-dropdown on the very right hand side of my navbar that is being cut off because the left edge is aligned with the dropdown button. I want the right edge to be aligned instead. Here is a ...
0
votes
1answer
26 views
Bootstrap validation message is pushing down the rest of my form
I created a simple form in CodePen. The required validation on the name field works just fine. However, I want to put a little bit of padding between the two fields and when the error message is ...
