A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
10 views
Using jqgrid with popover from angular ui bootstrap
I have a table that I created using jqGrid. I am planning to add a popover functionality, so that when a user click on a cell / grid, then a custom popover is displayed. And I am planning to use the ...
0
votes
1answer
20 views
How can I combine two JSON feeds into Angular Bootstrap UI typeahead?
Using Angular and Angular UI Bootstrap I need to combine results from 2 feeds into a single typeahead dropdown. I will combine results from the Google places JSON feed with results from my ...
0
votes
1answer
22 views
Limiting the number of ngrepeat to 10 but it shows all 40 items at once
<html>
<head>
<script src=jquery.js></script>
<script src=bootstrap.js></script>
<script src=angular.js></script>
<script ...
0
votes
1answer
18 views
Dynamic and static width components inside a dynamic div
I have a div which has a dynamic width (using percentage size). Inside this I have two buttons, and here comes the issue, I have to make this two buttons have the same length of the container.
So ...
0
votes
1answer
17 views
Angular-ui-bootstrap.d.ts is a TypeScript analog for angular-ui.github.io/bootstrap?
Does anybody know is angular-ui-bootstrap.d.ts an analog for UI Bootstrap?
Does it fully covers ui bootstrap functionality? I tried to use TS $modal and seems that sometimes it works differently ...
1
vote
1answer
41 views
Angular/Bootstrap Datepicker
I'm using AngularJS with UI Bootstrap at the moment, and i've bound the lovely looking 'UI-Bootstrap-DatePicker' to each row of my table, problem is; when i click, it opens an instance of the ...
1
vote
2answers
42 views
including angular bootstrap ui on angular 1.3.0 project
I am using angular.js version 1.3.0 and have the included the angular bootstrap ui in the index.html as below:
<script src="lib/onsen/js/angular/angular.js"></script>
<script ...
0
votes
1answer
20 views
Using Font Awesome in ui.bootstrap.rating
How can I use Font Awesome in ui.bootstrap.rating?
I found out, that when I add state-on="'fa-star'" state-off="'fa-star-o'" to and changed class="glyphicon" to class="fa" in ui-bootstrap-tpls it ...
0
votes
1answer
16 views
Catch event of backdrop click on AngularJS modal window
I create a modal window
var modalInstance = $modal.open({
templateUrl: 'template.html',
controller: app.controller,
backdrop: 'static',
resolve: {
...
0
votes
1answer
23 views
Angular JS bootstrap ui calendar issue
I am facing very strange issue with angular-ui bootstrap calendar.
Here is the sample i have created
http://plnkr.co/edit/V5UgCbfilCXX8nsube12?p=preview
The scenario is that when page land it shows ...
1
vote
1answer
28 views
Browser compatibility of angular.js and angular-ui bootstrap
I trying to decide whether I could to use angular.js (and anguar-ui-bootstrap) in my project.
The web application should work with any reasonably modern browser, I was quite surprised that the right ...
1
vote
1answer
36 views
Angular + bootstrap-ui, check if current tab is already active
I am hooking a function onto a tab click to call for some data from the server. I have it firing when I click that specific tab, however I would like it get rid of the instance of someone already ...
1
vote
1answer
24 views
Angular, bootstrap-ui with requirejs issues
I am trying to use bootstrap-ui on my angualr project with requirejs.
I think I have it set up correctly however it seems to having some issues - here is my setup -
require.config({
paths: {
...
1
vote
1answer
18 views
Angular ui bootstrap carousel: avoid recursion
I'm using angular ui bootstrap carousel and I'm wondering if there is a clean and reliable way to stop the recursion in the navigation. I mean, I don't want to be able to use the back arrow if I'm on ...
0
votes
1answer
23 views
Closing a modal created by angulajs ui modal service using javascript
Background:
I have a modal service used within my angularjs application. This service shows modals across my application and it works fine. Now I want to use the same modalservice to display a ...
0
votes
0answers
8 views
kendo kendorendered not fired
I have a Angular-UI modal dialog with a kendo combo box.
The first time it is opened, the event 'kendoRendered' is fired.
If the $modalInstance is closed or dismissed and then reopened, the event is ...
1
vote
0answers
17 views
How do I set the tabindex (or any other attribute) of an AngularUI Boostrap tab heading link?
I'm using AngularUI Bootstrap like this to create a tabset:
...
<tabset>
<tab heading="First Tab">
<div>First Content Here</div>
</tab>
...
3
votes
1answer
19 views
angular-ui-bootstrap: disable group header after expanding
I have a requirement to disable the collapse operation on click of the angular-ui-bootstrap accordion-group. It should expand on click but not collapse if clicked again, rather it should get collapsed ...
0
votes
1answer
20 views
Can't access the object properties in child page Bootstrap Tab
I've bumped into a strange situation with ui bootraps Tab that i cannot access the object properties though it shows full content correctly.
Controller fixtureLiveFormation:
$scope.statsTabs = ...
-1
votes
1answer
30 views
hide only clear button in angular js datepicker directive
I want to hide only clear button from datepicker directive in angular js.
Currently there are three buttons at the bottom of the angular js datePicker directive(Today, clear and Close), Is there any ...
0
votes
1answer
14 views
UIBootstrap Tooltip Multiple Triggers
Is it possible to extend the triggers for Tooltip from UIBootstrap to accept multiple conditions.
For example I want my tooltip to close on 'blur' and 'click'.
I have tried to pass in an array but ...
0
votes
1answer
26 views
UI-Bootstrap - Popover/Tooltip for mobile display
I have a problem with Bootstrap-UI Tooltip/Popover-directive in mobile displays.
If the User clicks a button with a Tooltip, this Popover is shown correctly. But unfortunately this popup will not ...
1
vote
0answers
27 views
Angular ui modal form not displaying form
For studying angular js, I created an angular application for performing CRUD operation. I wanted to add modal form on my application. So when user click to add an item a modal form popups. For that I ...
0
votes
1answer
21 views
Unable to use calc to size image in carousel
I'm hoping this is a simple answer that I'm just overlooking. I've been toying around with the ui-bootstrap carousel directive, and wanted to size it dynamically to fill the space between my header ...
0
votes
1answer
32 views
Doing animation with ng-show without ngAnimate
I want to do a wipe-in animation for my ng-show. Basically, I want to achieve this simple animation as shown in plunkr here.
I know that ngShow has a hook for ng-animate since angular 1.3. However, ...
0
votes
1answer
95 views
AngularJS + Bootstrap for Angular + Material Design for Angular Together
I'm working on a project with this template http://themeforest.net/item/angulr-bootstrap-admin-web-app-with-angularjs/8437259
The template is written in AngularJs + Bootstrap-UI (bootstrap for ...
0
votes
3answers
35 views
Radio button don't work with UiBootstrap
I need this time a help with this example:
DEMO
You can see that the css on example 1 goes good. When you click on the button the state of the button change (press)
On example 2 i can't do the ...
1
vote
1answer
23 views
Open angular-ui-bootstrap accordion based on ID
I have an accordion:
<accordion>
<accordion-group ng-repeat="group in groups" heading="{{group.title}}" id="{{group.id}}" is-open="group.open">
<table class="table"> ...
0
votes
1answer
45 views
UI bootstrap date picker with ng-repeate is not working
I am using angular directive for date picker from UI bootstrap. I also use ng-repeat to add multiple rows. I have added date picker code in ng-repeat. I have displayed these date pickers in bootstrap ...
0
votes
1answer
28 views
Angular UI Bootstrap Popover: trigger manually
I would like to use the Angular UI Bootstrap Popover.
The documentation states, that the trigger can be either mouseenter, click or focus. In my situation I would like to show the popover on a ...
0
votes
1answer
28 views
AngularJS Modal (angular ui bootstrap) with navigatable multiple views on same modal
I have created a website using angularJS and a menu with ng-routing. Now I need to open up a modal which has navigation paths to load different content on the same modal. How can I accomplish this ...
0
votes
1answer
40 views
Bootstrap UI Modal - Injecting and initializing $index for ng-repeat
Currently I have a image gallery like this:
<div class="slider">
<img ng-repeat="image in gallery" class="img-responsive" ng-swipe-right="showPrev()" ...
1
vote
2answers
48 views
Angjular JS - multiple input fields breaks dropdown hack on ui.bootstrap.typeahead
I'm trying to use a hack on ui.bootstrap.typeahead to add a dropdown. The hack found here. It will open a dropdown on a mouse click in the input field. I got it to work with on input field but when ...
0
votes
0answers
22 views
How fix ui bootstrap modal window in ios then use keyboard
Use AngularJS + UI Bootstrap.
If i need use input field in modal ios virtual keyboard not show.
How fix it?
0
votes
0answers
43 views
Calendar Pop-up is not working
The calender popup is not working and when I am using angular.module("task", ['angularSpinner','ui.bootstrap']). I am getting the error:
Error: Invalid isolate scope definition for directive ...
1
vote
2answers
51 views
AngularJS+Bootstrap-UI: Enable tooltip on button when button is disabled
Please see my jsfiddle code here
http://jsfiddle.net/695qtssv/2/
How can I get the button to display the tooltip while its disabled?
html
<div class="panel panel-default">
...
0
votes
1answer
32 views
Passing images to Angular UI Bootstrap Carousel
I am using the Angular UI Bootstrap carousel in a project and I would like to pass own images to this slider. This is my code for the Carousel Controller:
.controller('CarouselCtrl', function ...
0
votes
2answers
38 views
How can we make show/hide password input in angular js with bootstrap 3?
I want to make show/hide password input in angular js with bootstrap 3, the toggle option needs to be inside the input. Can you provide a snippet or example on that. Thanks a million.
0
votes
1answer
32 views
angularJS + UI bootstrap typeahead: filter:$viewValue doesn't work
I don't manage to get the filter:$viewValue work in an input with typeahead.
I get the whole list displayed with the entered characters highlighted.
I expect a filtered list depending on the ...
0
votes
1answer
34 views
AngularJS & BootstrapUI: Switch tab by button only works once
I want the user to be able to click on a "next" button in order to jump to the next tab.
This is the affected HTML (I have actually stripped everything out and tested it, but it still only works ...
0
votes
1answer
27 views
How to display a nested object
Hi I have a requirement where I am to take weekly availability from the user, where user can input multiple time slots during the day, so for example a user can enter
: Sunday available start-time as ...
0
votes
0answers
33 views
Angular-ui ToolTip: Tooltip hidden by cell constraints in a table
If the table cell is defined (and for my design it has to be pretty small without a lot of padding) and I place the tooltip directive on an elements (in my case it is a row of glyphicons so the ...
2
votes
1answer
70 views
ng-model two way binding not working with ui bootstrap modal
I have following code for working with ui bootstrap modal. I am having a input field whose value has to be captured on the controller. But the input field value is not getting reflected on the ...
0
votes
1answer
62 views
ui.bootstrap.collapse - one collapse for each row in a table column - open only the collapse which has been clicked (not all of them)
I'm using ui-bootstrap.collapse inside a table with dynamic data from a JSON API. Two of the multiple columns contain collapsed partials for each of its rows.
When I'm clicking on one of the icons to ...
0
votes
1answer
45 views
Angular UI & Bootstrap: Collapse Mobile Navbar on Link Click
I have a functioning bootstrap navbar through use of ui.bootstrap of Angular-UI. For the mobile navbar, I want the navbar to collapse when a link is clicked. The toggle button functions as expected, ...
0
votes
1answer
50 views
How to close a tab with a directive?
I'm trying to put a close button on a tab and then remove that tab out from the DOM...
I am probably not doing it in the correct Angular way, because when I do it the tabset dies and I cannot change ...
0
votes
0answers
32 views
Angular lightbox doesn't open on click
somewhat of a newbie here, so be gentle...
I'm trying to use this lightbox (https://github.com/compact/angular-bootstrap-lightbox) which seems to be derived from the angular-ui modal and carousel.
...
2
votes
3answers
54 views
Alternative content directive - Scope issues
I'm trying to make a directive to offer alternative content for different devices, based on a single markup to avoid duplicating code, e.g. make a list of content appear as tabs on large screens or as ...
1
vote
1answer
27 views
ui.bootstrap.collapse - two collapse - only one should open at a time
I'm using ui.bootstrap's collapse and have two collapse buttons in a table row and I'd like one collapse to close before the other one opens.
Currently the second collapse opens additionally so that ...
0
votes
0answers
87 views
Does SharePoint 2013 Hosted App Require Custom Master Page to be Responsive
I have been building out a SharePoint 2013 Hosted App with the requirement that it is responsive, and while moving a browser window on a desktop shows the App resizing, on a mobile device (with Mobile ...
sharepoint
