Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
14 views
how to create grouped x-editable dropdown in angularjs?
I have used x-editable table in my project. i need the dropdown should be grouped like below.
All
Celebrities
-cricketer
-actor
Ordinary
under celebrities , i have cricketer, actor ...
1
vote
0answers
11 views
Reuse a view as a modal and non-modal (angularjs + bootstrap-ui)
I currently use views/foo.html as a normal view.
Say this view has this:
<p>Hello</p>
Now I want to reuse views/foo.html as the content of a modal, but I'd like to wrap it with this:
...
0
votes
2answers
14 views
Getting Angular.js error
I'm following a tutorial on YouTube, and I ran into a problem which I cant figure out. I'm loading images into a angular bootstrap carousel. But I'm getting errors, and the images are not displaying.
...
0
votes
2answers
24 views
angularui bootstrap datepicker popup is not closing on date selection
I have two datepicker popups in my application and they are working just fine EXCEPT the popups don't stay closed on date selection. It appears to close then opens right back up again. They do close ...
0
votes
1answer
43 views
Why my angular directive doesn't work?
I have a directive that is triggered when clicking on a button. The function inside the directive simply has to change the property value of the field. So what I try to do is to change from ...
0
votes
0answers
21 views
AngularJS datepicker control parsing string to datetime object
I am really new in Angular Js.
I am trying to use UI bootstrap Datepicker control.
https://angular-ui.github.io/bootstrap/#/datepicker
But not able to parse the selected date to datetime object. As ...
0
votes
1answer
14 views
How to enable particular dates using angularJS datepicker directive?
I want to create a Datepicker directive in Angular JS where I want to enable only a few particular dates for the user.
For Example: I have a set of numbers 1,3,5,7 so I want to enable these ...
0
votes
3answers
28 views
$uibModalInstance is not defined
I am working bootstrap modal directive . I need to open modal popup on ajax error method and popup is showing fine. but on button click inside modal , Where i need to dismiss modal , I am getting ...
0
votes
3answers
34 views
How to pass HTML markup in UI bootstrap modal
I am using UI bootstrap to create modal dialog. It works fine if I use "templateUrl" and use "ng-template" to include the html template. But as I have multiple modal dialogs, my page is getting bigger ...
0
votes
0answers
11 views
Displaying different kind of formatted data in tabs-content using AngularJs
I am currently using angular ui bootstrap framework. i need to display text in tabbed contents.Data inside the tab is fetched from server.Some times the data contains lists whereas sometimes plain ...
0
votes
0answers
8 views
Angularjs UI bootstrap temporarily change URL on open and revert to original URL on close
I want to temporarily change the browser url when the ui bootstrap modal is opened ( The page behind should remain as is, only the url changes ). When the modal is closed the url should be reverted ...
0
votes
1answer
14 views
Angularjs change url without changing the state, when ui bootstrap modal is opened. Revert url to previous state when modal is closed
I am trying to implement Pinterest style listing page, where on click of pins the details popup opens up and the url changes to something like http://pinterest.com/pin/123456. But the page is intact ...
0
votes
1answer
15 views
jsonp typeahead not population my uib-typeahead form element
I've been trying to populate a uib-typeahead from the ui-bootstrap modules (https://angular-ui.github.io/bootstrap/) using a jsonp callback function in a factory method.
Here is my factory function
...
0
votes
0answers
8 views
rating directive on ionic with collection-repeat
I am looking for directive rating, that can work with ionic angular and working with collection-repeat. The issue that I am looking for like
Rating (ui.bootstrap.rating) but this isn't working ...
-1
votes
0answers
13 views
how to make exam time table using Angularjs tables
i am struggling to make exam time table and its should be as per the image it should be use only angularjs... especially free of jquery
QUERY
'i am struggling to make exam time table and its ...
0
votes
0answers
79 views
+50
angular-ui/bootstrap ratting issue on collection-repeat ionic
I am using angular-ui/bootstrap the component Rating (ui.bootstrap.rating).
My issue that max property isn't working correctly when I am using collection-repeat.
Its shows me always only one icon ...
0
votes
1answer
25 views
Why I cannot change a value of angular property in html?
I have a tooltip which popups on focus using angular popovers. What I need to do is when I click a button, to change it to popup on blur. It changes but doesn't change the tooltip behavior.
Here is ...
-1
votes
0answers
15 views
Ionic 2 - Bootstrap starting page
On index.html I set tag
<ion-app></ion-app>
As it seems it looks to app/app.ts but I dont want this location. I wanto change to app/login.ts. Is possible? I also want to use diretly ...
-2
votes
0answers
10 views
how to put two slides in one carousel in ui Bootstrap
how to put two slides in one carousel in ui Bootstrap and i am using ng-repeat in one slide to get one set of products and another slide another ng-repeat . Both must have to display side by side and ...
0
votes
1answer
19 views
How to stop displaying angular tooltip on focus/click?
I have a field which on blur displays a tooltip. But I don't know why it also pops up when I click on the field.
Here is the codepen example: http://codepen.io/Octtavius/pen/aZzyKw?editors=1010
...
0
votes
1answer
13 views
ui boostrap tabs border
I want to remove the side and top borders on active ui bootstrap tabs, and make one fad bottom border. The side and top border is not removed. What am I missing?
.nav-tabs > li > a,
.nav-tabs ...
1
vote
1answer
13 views
Angular UI Bootstrap: Dynamic popover template ID
Is it possible to use template with dynamic ID for Angular UI Popover?
For example:
<div ng-repeat="row in data">
<button class="btn" uib-popover-template="'myTemplate_{{row.id}}.html'" ...
0
votes
2answers
26 views
Directive with js-call in the template - method does not get called
In my angular app, I have an alert-service, which handles the list of alerts. I then have a directive, which renders all the alerts to the page. I use the UI Bootstrap components.
However, the close ...
0
votes
1answer
18 views
giving different color scheme to (odd/even) for rows within rows in UI grid using Angular JS
I am trying to divide a Row into two ie. Row Span in Angular JS UI Grid. I am not able to find how to do this.I need different color schemes for rows within the rows of the UI grid. The Plunker code ...
1
vote
2answers
23 views
Submitting the modal popUp overriding the data
I am trying to create timeline with a create timeline button. If create button is clicked a popUp opens and one need to select any of the item and the item will add one event to the timeline.
Here is ...
-1
votes
1answer
46 views
Controls for enterprise application- Angular2, ReactJs
We are in an interesting stage- we are planning a web application for enterprise users. Our previous application, which we are re-writing, is written in Angular 1.5, bootstrapJs and AngularUi for ...
2
votes
1answer
35 views
Need to use modal in a modal Angularjs
I am using $uibmodel in my angular app.
I need to open a new modal in a one modal. bcoz of that i need to inject
'$uibModal' and '$uibModalInstance' both, in one of my controller.
that controller ...
1
vote
1answer
23 views
disable specific date dynamically in datepicker
Using AngularJs, I want to dynamically disable particular date of a Datepicker. Here what I have did.
var app = angular.module('plunker', ['ui.bootstrap']);
app.controller('MainCtrl', ...
0
votes
0answers
17 views
AngularUI: Popover open and close callbacks
So title says it all. I need some workaround for this since there's (currently) no attributes for popover like popover-on-open and popover-on-close where they would call/trigger the desired functions ...
0
votes
1answer
16 views
passing data to angular-ui modal when using controller as vm
i need to pass an object to modal controller , i have tried different approach , here is my final code , the object is passed but i get big error in console
Error: [$injector:unpr]
here is my ...
0
votes
0answers
6 views
why pills-tags button not activated
<nav class=" nav navbar-default nav-pills">
`Toggle navigationEons Business
Home (current)FeedbackDropdown
ActionAnother actionSomething else here
Separated link
One more separated link ...
0
votes
0answers
10 views
angular-ui-bootstrap navbar-collapse fails in Chrome device mode
I've been running into a weird issue with angular-ui-bootstrap and am wondering if anyone else has run across it.
I have a working collapsing navbar that folds into the menu icon when I reduce my ...
-1
votes
2answers
28 views
AngularJS with Kendo/Bootstrap/JQuery/
I am researching to find which UI framework is good with AngularJS, in the basis Performance, Compatibility, Visual look and feel.
Can someone please suggest me to select the UI framework with ...
0
votes
2answers
33 views
How to remove lower margin from UI-Boostrap Angular Tab directive?
The ui.bootstrap.tabs directive found here has an inherit margin before it displays it's content.
HTML:
<uib-tabset active="activeJustified" justified="false" id="tabSet" ...
-1
votes
2answers
18 views
How to avoid modal to reload controller again?
When initialize my controller and page, I'll send some data to third party server. I have a button which triggers a modal. When user clicks the button, my controller is initialized again so the data ...
0
votes
3answers
58 views
How to stay on current page after reloading using angularjs ui bootstrap pagination?
Below is my code for a simple pagination using angularjs-ui-bootstrap. Since I'll be working with too large of a data set to have it page client side I'm just grabbing the data per page when the page ...
0
votes
3answers
28 views
Transpose HTML table in Mobile/Tablet view in bootstrap
Is it possible to Transpose a HTML table in Mobile/Tablet so we can display all the columns in Mobile as well. Below image is the example what i am trying to achieve.
0
votes
0answers
20 views
How a popover will remain until mouse leaves
angular.module('companies')
.directive('productDisplay', function (dataShare, $state, $localStorage, ratingService) {
return {
restrict: 'E',
scope: {
details: '='
...
0
votes
1answer
31 views
Opening child modal using setTimeout inside parent resolve
I have run into an issue using $uibModal and opening another modal window from within the resolve of a parent window, specifically when i use setTimeout to delay the opening it appears that the inner ...
0
votes
1answer
36 views
Angular-UI: Popover doesn't work
Here is an example that I've created, but it doesn't seem to work:
<button popover-placement="bottom" popover-template="'calendar.html'" popover-trigger="click"><h1>Hello ...
0
votes
2answers
24 views
uib-datepicker : minDate doesn't seem to work
I don't know how to make the minDate property of my uib-datepicker work.
Here is what I have done:
<div class="form-group">
<div class="col-md-6">
<label class="col-md-4 ...
0
votes
0answers
19 views
UI Bootstrap datepicker disable keyboard support
According to UI Bootstrap's official documentation here, the datepicker component supports keyboard events. However, I have to disable up and down arrow key events. Normally, up and down arrows open ...
0
votes
0answers
21 views
Table inside angular ui bootstrap modal dialog is not working properly
I am using angular ui bootstrap modal dialog and rendering table inside it. Below is the HTML code. I am not able to set width of table or change the width of columns. But if the same table is ...
0
votes
1answer
50 views
Angular $uibModal causing Error: [$injector:unpr]
I am trying to implement $uibModal from this site
but as soon as I add $uibModal service to my controller I get Error: [$injector:unpr] ...
0
votes
0answers
16 views
Angular UI Tab ( tabs inside tabs)
I am trying to use tabs inside tabs but sub tabs are not aligned below the tab it belongs to.
HTML:
<uib-tabset active="active" vertical="true">
<uib-tab index="$index" ...
0
votes
0answers
10 views
Angular-ui-bootstrap-tabs animated transition in but not out
I updated an example by user @austin
I'm have an issue when transitioning backwards (ie. tab3 to tab2. forward seems to work fine. Wondered if anyone could see what I was missing.
...
0
votes
1answer
47 views
Angular: $uibModal undefined
i have this error when i used ui.bootstrap.modal:
Error: $uibModal is undefined
Module:
(function(angular) {
/**
* finanziarioTerziController
*
* a controller defined in the ...
0
votes
1answer
36 views
Angularjs - UI Boostrap: Accordion Open and close all
i have written some code to open and close all tabs of an accordion respectively use a separate 'open' and 'close' button. How ever it requires me to dynamically add a key value pair(a Boolean value) ...
0
votes
1answer
35 views
typeahead not showing suggestions with bootstrap UI and angularjs
I want to display a static suggestions in a search textbox but nothing is displayed. I am following this https://codepen.io/joe-watkins/pen/EagEWv.
Here is my code.
HTML code:
<div>
...
0
votes
0answers
25 views
openlayers 3 map doesn't display on bootstrap template
here i'm using this bootstrap template in this when i'm trying to add openlayers 3 map it doesn't displaying expect its button . Its will only display when i click on fullscreen mode of openlayers 3. ...
