A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
5 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
19 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
0answers
13 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
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
26 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 ...
1
vote
1answer
25 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
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
1answer
26 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
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
13 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 '@...
2
votes
2answers
42 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 ...
0
votes
1answer
23 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 ...
1
vote
0answers
13 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>
...
-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
1answer
35 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
20 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 ...
0
votes
1answer
10 views
How to include angular-ui-bootstrap-datepicker only in rails app
I have included angular UI bootstrap to application to just show date picker everything works fine but I don't want to include whole lib just for one datepicker.
I have added following files to ...
0
votes
0answers
7 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
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 ...
-1
votes
1answer
20 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 ...
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
46 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"
...
0
votes
0answers
9 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
32 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
17 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
27 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
0answers
18 views
AngularJS: Accordion not loading properly when navigating between pages
I am trying to navigate between two pages in angularJS using href. Both pages have accordions and they aren't loading properly when I navigate from one page to another. The accordion work fine when I ...
0
votes
1answer
33 views
AngularUI-Bootstrap Typeahead: Grouping titles by type
I am implementing typeahead using AngularUI-Bootstrap. I need to show the results grouped based on some values coming from the database. Here's a example of result
[{
"id": 1,
"label": "...
-1
votes
0answers
29 views
How to use angular-ui-bootstrap inside my angular app?
I'm making an angular app where I want to add an accordion from angular-ui-bootstrap.
I downloaded the files but dont know the logic that I need to include them..
will it be a separate module with it'...
0
votes
1answer
21 views
Unable to select tabs using mouse in the latest angular-ui-bootstrap version
I upgraded the angular-ui-bootstrap version to 2.2.0. That is affecting the uib-tabs behavior. I am unable to select a tab using mouse click but the same behavior works fine when i try to navigate and ...
0
votes
3answers
14 views
ng-repeat only populates last entry in array when used with uib-dropdown
I'm trying to populate a drop down menu using UI Bootstrap's uib-dropdown and ng-repeat but only the last record in the array is being populated.
<div id="navbar" class="navbar-collapse collapse"&...
0
votes
1answer
17 views
AngularJS Bootstrap UI Typeahead Not Working Properly with Custom Popup Template
I'm working on a .NET MVC application that has some AngularJS pages in it. I'm trying to use Bootstrap UI Typeahead but it's not quite working properly.
If I start to type in the textbox the ...
-2
votes
2answers
36 views
highlight the selected tab
I am working on angularJs and bootstrap application.
Currently working on creating a tabs using angularJS, i want to highlight the selected tab so that users can easily recognize that the tab ...
0
votes
0answers
14 views
Integarte datepicker angular 1 in application angular 2
I work with angular2 and i wanted to integrate datepicker ,
I found the Angular 2 version of the Angular UI Bootstrap library
but i found that is a basic datepicker
i want something like datepicker ...
0
votes
0answers
12 views
Bootstrap typeaheads/pagination to fire an event on right click open in new tab
I have a typeahead functionality in my code, typeahead-on-select is calling a function which loads the query selected from typeahead to the URL. But when I right click on the suggested typeahead and ...
0
votes
1answer
22 views
how to use $uibTooltipProvider in popover of angular UI bootstrap
I am using popover directive to display popover. I have multiple pop over in my code.
But as per requirement, we need to show only one pop up open at one time.
After googling, I found that we can use $...
0
votes
0answers
12 views
uib-typeahead is not working
I have implement uib-typeahead for tons of time but i am clueless why it is not working
i want to get item name in the uib-typeahead
my code here is like this
$scope.suggestTestbySpeciality = ...
1
vote
1answer
47 views
AngularJS 1.5 - Iterate and set child components' property
I have a parent component that creates "n" child components within an ng-repeat. Each child component has an accordion element (from ui-bootstrap directives) in its template. From the parent component ...
0
votes
0answers
30 views
Angular UI Grid: Imported Less CSS Errors after NPM Install
I installed Angular UI Grid v3.2.9 via:
npm install angular-ui-grid
We use less css in our gulp server-side build and I was pleased to find a main.less file included in the install at ~/node_modules/...
0
votes
0answers
15 views
How to use ui-sortable in tabset angular?
This is my code:
<!doctype html>
<html ng-app="ui.bootstrap.demo">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
&...
2
votes
1answer
48 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
33 views
Required switches button instead of checkboxes
I have used Angular2, Gulp and Bootstrap3 in my project. Can anyone help me to implement switches instead of checkboxes in my html page?
I found one solution on the site https://github.com/...
2
votes
1answer
27 views
uib-popover-template with dynamic url
I am trying to use a uib-popover-template in a grid and supply an Id in the url. Can I create the url dynamically? Something like:
uib-popover-template="../assets/asset-bulk-upload/edit-bulk-asset/{{...
0
votes
2answers
31 views
unable to run uibmodal in typescript
i am trying to show a modal using $uibModal using typescript and angular.
export class PDPController{
static $inject = ['pdpService', '$sce', 'angularLoad', '$uibModalInstance'];
...
1
vote
1answer
131 views
using bootstrap components in angular 2
Angular 2 cli makes it possible to add bootstrap js components and use them in project components.
While there are other bootstrap libraries like ng-bootstrap built specifically for angular 2.
I ...
0
votes
0answers
34 views
ng-bootstrap tabs not retaining canvas (pdfjs) content
Background:
I'm porting an Angular 1 app that uses UI Bootstrap to Angular 2 using ng-bootstrap ([email protected]). In the Angular 1 app, I use uib-tabset, uib-tab and ng-repeat to ...
-2
votes
1answer
15 views
How to add input box and submit button to add option dynamically for select box dropdown angularjs and bootstrap?
How to add option dynamically to a select box? suppose if there is nod
related data to be select in selectbox there should be an option to
add new option using input box.
1
vote
1answer
26 views
Angular popover UIBotstrap event before open popover
I have a grid with a few rows and when clicking on each row Angular popover UIBotstrap is opened. My problem is that I want the popover to be filled with some data of the row (like row id) and some ...
0
votes
0answers
11 views
Angular Bootstrap Collapse Navbar Not Responsive on Mobile Viewports
I'm developing a MEAN application that needs to look good on mobile browsers. At first I was trying and failing to use Bootstrap to make this responsive, as I didn't realize Angular was clashing on ...
1
vote
2answers
69 views
selecting element in uib-dropdown menu
I Have a HTML code like this.
<div ng-if="!hide" class="dropdown pull-right" uib-dropdown>
<a uib-dropdown-toggle href="" >
<div class="btn btn-primary-outline btn-circle btn-...
