A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
6 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
30 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
12 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
14 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
32 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
16 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
19 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
45 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
8 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
30 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
25 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
27 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
16 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
20 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
46 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
29 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
26 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
29 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
117 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-...
0
votes
1answer
73 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 ...
-1
votes
0answers
33 views
AngularJS - sometimes blank page on IE 11
I have problem with my app on IE 11. Backend was written in Java/Spring and frontend in AngularJS with Bootstrap support. It's my first Angular project and almost first JavaScript project so I'm not ...
1
vote
4answers
50 views
Bootstrap input Group
I have a checkbox with a label in a input-group. And when I have a long text in the label it looks like
What can I do, that the input-group will resize, that the text will fit into it?
This is my ...
0
votes
1answer
51 views
How to add uib-dropdown to a uib-tab to create a simple dropdown menu on a tab made with angular bootstrap?
i'm a novice when it comes to angular js (v1.5) and i'm currently working on a project using angularjs(v1.5), bootstrap 3, UI Bootstrap.
i tried to add the dropdown directive to the tabs directive as ...
0
votes
0answers
34 views
Combining Angular Material with bootstrap ui
I am working on a application that makes use of Bootstrap UI, however recently I discovered the existence of Angular Material and I loved it the design. I started doing research and found out that ...
0
votes
1answer
32 views
Angularjs UI modal resolve not working. ui.bootstrap.model
User clicks on videoClick
<div ng-repeat="list in lists" ng-click="videoClick(list.src)">
{{list.src}}
</div>
This works and following executes.
$scope.videoClick = function(val) {
...
-1
votes
0answers
12 views
If we are not selecting any date in bootstrap date picker it's loosing it's already existingvalue
I am using bootstrap date picker in my project,I have two pages
. Add item
. Edit item
I am selecting a delivery date in add item page and able to saving in to my database. In edit form I am getting ...
1
vote
2answers
66 views
How to delete checked row or rows from table in jhipster
books.html
<div class="table-responsive">
<table class="jh-table table table-striped">
<thead>
<tr jh-sort="vm.predicate" ascending="vm.reverse" callback=...
-1
votes
2answers
61 views
Angular UI Bootstrap Dropdown doesn't close because parent stops propagation
I got a wrapper that stops event propagation because of other things happening in and with that wrapper. In that wrapper I got several directives with UI Bootstrap dropdowns.
The problem is, that ...
