A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
22 views
Changing content in Angular UI Bootstrap modal
I'm trying to have a counter in my Bootstrap UI modal, but I'm having some difficulty doing so. The code looks something like this:
var openSessionWarningModal = function () {
var markup = '<...
0
votes
1answer
16 views
Angular UI Bootstrap 2.3 Modal is not rendering sightly parameters
I am having a compatibility issue with Angular UI Bootstrap Modal and sightly Parameters. When I try to render the sightly parameters inside the Modal the modal does not render the value in the ...
16
votes
5answers
31k views
Angularjs bootstrap tabset tab heading
I am wondering whether it is possible to write html inside an angularjs bootstrap tabset tab heading. I am trying to add a svg inside the title. I have created a quick snippet in plunker to try and ...
0
votes
0answers
18 views
How to display remote html page in modal window in Angular JS?
Bootstrap example:
<a class="btn btn-lg btn-default"
data-toggle="modal"
data-target="#remoteModal"
href="remote-page.html">Open modal window</a>
Could I do the same using ...
0
votes
0answers
19 views
Bootstrap Popover ui-grid angular column header issue
I am using the following angular grid http://ui-grid.info/.
I'm currently displaying bootstrap popover for each of the columns in my grid on the header cell. Each of the columns and their popover ...
0
votes
1answer
15 views
Dynamic Accordion-group not closing others when header clicked
We have a working Accordion Group that is dynamically loaded, with the subitem content populated when the headers are clicked.
It all works, except that we don't seem to be able to get other items to ...
0
votes
1answer
22 views
Angular UI Bootstrap Datepicker glyphicons-halflings-regular.woff font missing
I'm using uib-datepicker-popup component ( UI Bootstrap). And it seams that glyphicons fonts are missing. I'm using webjars for loading dependencies.
Folder assets font is missing definitely, ...
0
votes
1answer
27 views
Unable to focus on text input after using angular-ui-bootstrap dropdown
I have a button which is using angular-ui-bootstrap dropdown and a vanilla text input. Once the page loads, I can freely enter text into the input box. However, after clicking the button, I can no ...
1
vote
1answer
27 views
Clearing the $viewValue on Angular UI Bootstrap typeahead
I have a form with fields that are dependent on each other, displayed using UI Bootstrap. Selecting a team from a bootstrap typeahead then populates a list of players that can then be selected in a ...
1
vote
1answer
15 views
change color of same div on ng-mouseover and ng-mouseout events angularjs
I have div tag, on-mouseover i wish to change existing div color to other and vice versa for on-mouseout.
<div class="btn col-lg-3" style="color:white;" ng-mouseover="" ng-mouseout="" ng-class=""&...
0
votes
2answers
973 views
angular-ui modal using typescript
I am trying to create a modal using angular-ui-bootstrap and typescript.
I pulled the example from the following link (which uses jQuery) and converted the jQuery code into typescript classes.
I was ...
1
vote
0answers
11 views
angular-xeditable doesn't work well within ui-bootstrap <uib-tabset> element
I embed a angualr-xeditable inside a uib-tabset element, however the form can't be submitted.
Please check the code:
http://plnkr.co/edit/itDFMD?p=preview
<body ng-controller="MainCtrl">
<...
0
votes
1answer
53 views
Angular 2 UI Bootstrap 4 Error: Unexpected value 'undefined' imported by the module 'NgbDatepickerModule'
I am attempting to use ng-bootstrap from the Angular Team with Bootstrap 4.0.0-alpha.5 and Angular 2
I have had Bootstrap 4 working fine, but now I want to create an accordian and found it best to ...
0
votes
0answers
21 views
Can we display multiple months in the angular UIB date picker
on Page load can we able to display the two months calendar using Angular UIB date Picker.
Here is the HTML:
<html ng-app="ui.bootstrap.demo">
<head>
<script src="//ajax....
0
votes
1answer
20 views
cordova hybrid app soft nav bar overlapping my menubar on bootom
I develope an android app with apache cordova. I'm using angularjs and bootstrap. I have problem with some android devices which have the soft nav bar on the bottom like this.
When the soft nav bar ...
android
0
votes
2answers
28 views
Checkbox not working in header of uib-accordion
If i place checkbox in header of uib-accordion, its not getting checked
<uib-accordion>
<div uib-accordion-group class="panel-default"
is-open="daily"
is-disabled="false">
&...
0
votes
3answers
7k views
angularjs calling modal dialog from directive
I've created a directive to open a modal dialog. Here's the code:
[EDIT] JSFIDDLE HERE: http://jsfiddle.net/graphicsxp/fcQZk/8/
PROBLEM: THE CLOSE BUTTON DOES NOT CLOSE THE MODAL.
angular.module('...
0
votes
1answer
17 views
cant inject $modal in angular module
Im bulding an AngularJS app. as part of this app, I need a modal popup. I got this working in plunker: http://plnkr.co/edit/FtH8hkuaEj5A2zhMJdnE?p=preview
But when I try to implement it into the ...
0
votes
1answer
27 views
tooltip-class is not working with ui-bootstrap-tpls.0.11.0
I was trying to customize tooltip style with tooltip-append-to-body="true", but it is not working.
Here is my code:
<i class="fa fa-minus-square-o" tooltip-append-to-body="true" tooltip-class="...
0
votes
2answers
15 views
How to refresh src tag for same URL with different images?
Hi am using an Angular UI screen and having an Img tag and applying same URL for Src, but each time the image will be different but Url will be the same, now my issue is the Img tag can't refersh the ...
-1
votes
1answer
31 views
UIB tabset is not working
<div class="ui-tab-container">
<uib-tabset>
<uib-tab heading="Region Wise" index="region" active="region_wise">Tab 1</uib-tab >
<uib-tab heading="Branch ...
2
votes
2answers
52 views
Large amount of events loaded on the angularjs-bootstrap-calendar
I'm pulling in ALL my event data from my server and since I have a lot of events to pull, the angular-bootstrap-calendar takes a lot of time to load.
I was wondering if its possible to pull only a ...
10
votes
1answer
9k views
how to show html on pop over using angular ui bootstrap?
I make demo of pop over like this .It show a pop over on right side when I click the button .But now problem is that how I will show some html on pop over .
<html ng-app="plunker">
<head&...
0
votes
1answer
28 views
Angular Typeahead issue
chick here to see error
When i am using Angular 1.6.0 typeahead is showing me this error. When i am using angular 1.5.8 every thing is working fine .
Please guide me how to fix this.
$scope....
0
votes
1answer
51 views
Failed to load template: uib/template/modal/window.html
I feel like i have attempted everything and i still get the error:
Failed to load template: uib/template/modal/window.html
in my index file i have added the following:
<script src="...
0
votes
0answers
7 views
Angular js Datatable bootstrap lose data after search
Hello i use angular js and bootstrap datatable after search i didn't found the result , but when i use static data i found the result it s the problem in the ng-reapt-data
Please can you help me .
...
0
votes
0answers
11 views
how to make parent tooltip disappear when mouse leave child tooltip in Angularjs App with UI bootstrap
I'm new to angular UI bootstrap tooltip and trying to add 2 tooltips on a form field in an angularjs application.
Here is my code using tooltip:
<div class="form-group" tooltip="this is outer ...
0
votes
1answer
18 views
Width issue - Kendo UI For Angular 2 - Combobox
Issue with the width of Kendo UI for Angualar 2 - Combobox.
The width doesn't match with the control's width when style is specified.
Please take a look on the Plunker
import { Component } from '@...
3
votes
5answers
8k views
AngularJS Bootstrap alert dismiss-on-timeout attribute doesn't work
I'm trying to use AngularJS Bootstrap alerts like explained here with the "dismiss-on-timeout" attribute. It has no effect in this example, the alert just appears regularly and doesn't disappear.
<...
1
vote
1answer
50 views
Open AngularUI Bootstrap Typeahead Matches Results via Controller
Is there anyway to trigger opening the match results on a typeahead input text box from the controller?
use case:
user goes to https://example.com/search/searchText
controller of page sets the ...
0
votes
1answer
25 views
modify the default tab display structure
I am working on angularJS. I have created tabs using angularJS, want to modify the way the tabs looks.
I wanted to display the tabs with rounded corners as shown in the image below.
I was having ...
-3
votes
1answer
15 views
How to image set my layout?
I am not frontend developer. I am using bootstrap my current code like below image:
<div class="panel-body">
<form action="">
<...
1
vote
0answers
14 views
Sharing controllers in angularjs
I have two date-pickers, one text field and a button in one form as below:
<div class="form-group">
<label class="control-label">Date End </label>
...
0
votes
1answer
23 views
add attribute to element after a angular-ui-bootstrap renders its template
I would like to add a 'ng-click' to an element that ui-bootstrap renders from the accordion directive.
I am using angular 1.5, so there are a lot of solutions out there but they dont work for angular ...
3
votes
2answers
1k views
How to use Bootstrap 3 Datepicker in angular 2
I am using Bootstrap 3 in the angular 2. But can't find any helpful demo or examples from online docs.
When I add time picker in the template as following:
<div class='input-group date' id='...
4
votes
2answers
5k views
Getting module Injection error with Angularjs ui-bootstrap
I want to use Angularjs Bootstrap UI in my application.after angular.js reference i include these files in my index pages :
and in my application app.js include this line :
var ap = angular.module('...
32
votes
9answers
27k views
Hide Angular UI Bootstrap popover when clicking outside of it
I am trying to manually close a bootstrap popover to get it to close when I click anywhere on the document or body that isn't the popover.
The closest thing I have found to accomplishing this is to ...
0
votes
0answers
9 views
dagre js library impossible to delimit the graph in a part of the web-page
I'm trying to use the http://js.cytoscape.org/ library referring to following jsbin as example.
The goal is to import this graph in my web application. The problem is that I don't know how to delimit ...
-1
votes
1answer
21 views
uib-tooltip-html not working
From version 0.14 of ui-bootstrap, it looks like uib-tooltip-html (previsously : tooltip-html-unsafe) does not work anymore... or not the way I used to have it work.
Basicely, the 'tooltip' works ...
1
vote
0answers
11 views
uib-datepicker-popup not updating textbox when year 0000 is entered in texbox
when manually typing date if year 0000 is entered model value gets updated with year 1 (i.e 0001) but text box still shows year as 0000 where as calendar popup shows 0001 year. I don't know if it is ...
15
votes
5answers
13k views
Angular UI Bootstrap Modal: [$injector:unpr] Unknown provider: $uibModalInstanceProvider
This is a bit strange. When I search this issue online I see many pages of Google results and SO solutions... but none seem to work!
In a nutshell, I am trying to implement AngularUI Bootstrap ...
0
votes
0answers
17 views
Angular JS Async scrolling issue
this is my first SO question, so be nice. I'm a new Angular JS programmer, but i have to work with custom directives. I have a page with a navbar-fixed-top that must stay on top of screen during page ...
1
vote
1answer
47 views
how to add page wide header to xPage with fixed navbar
I have a responsive app. layout with navbar set as fixed-top and pageWidth=fixed
<xe:this.configuration>
<xe:simpleResponsiveConfiguration fixedNavbar="fixed-top"
...
2
votes
1answer
51 views
Add or Remove selected elements from multi select box using angular js
I want to display one dynamic table, But table columts i wane to select at run time. For that purpose I have taken two multi select box, in first Multi select am loading all column names using Json.
...
0
votes
0answers
10 views
Error: [$injector:modulerr] Failed to instantiate module app due to: State 'frameworks'' is already defined registerState@http://localhost:3030 [duplicate]
I have a program using the MEAN stack. The server is in express, the front end uses Angular and HTML5 and I am using Bootstrap. I am interpreting this as saying that "frameworks" is a reserved word. ...
0
votes
1answer
33 views
Copying the UI-Bootstrap code does not work? How do I use UI-Bootstrap?
I am trying to use components from the http://angular-ui.github.io/bootstrap/ page and am basically copying the code exacctly just to get the framework.
But it does not work seem to work, am I ...
0
votes
0answers
18 views
AngularJs decorating/extending UibTypeaheadController
I would like to extend the UibTypeaheadController to provide support for selecting multiple options, however I am having trouble getting the controller.
I am trying to use a decorator. When I try and ...
1
vote
2answers
28 views
uib-datepicker-popup with dynamic minMode
How can I set the minMode of Angular Bootstrap Datepicker dynamicly?
The only way that I got it, was with the following:
<input type="text" ng-model="myDate"
uib-datepicker-popup="{{...
0
votes
2answers
825 views
Where to put the import module in a new installation of ng-2 Bootstrap?
I'm a complete newbie attempting to setup ng2 Bootstrap (Angular2 with Bootstrap4 css) using this tutorial, so far I've installed the dependencies: Angular (requires Angular version 2 or higher, ...
0
votes
1answer
85 views
How can I serve my app without using webpack-dev-server?
I'm newbie in webpack, nodejs and angular, but I managed to make an app, it works fine in development environment, and I made a build with "webpack -p", the static files are generated (bundle.js and ...
