A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
2answers
10 views
change color of tooltip arrow of ui.bootrap (plunker attached)
here is the plunker code.
http://plnkr.co/edit/C1khFJqTUutDaK9ad7ud?p=preview
I need to change the tooltip arrow. the position of the tooltips in the example is top, bottom and left.
Can someone ...
0
votes
1answer
17 views
uibModal with a different URL document
I am having the toughest time figuring out how to get my modal to work.
I have a main application document.
I have my modal code to open a modal with a different document.
When I run the document link ...
0
votes
0answers
15 views
How to get Bootstrap Calendar Default look using Angular Bootstrap
How to get Bootstrap default datepicker look and feel using Angular UI Bootstrap
Angular UI Bootstrap calendar view :
http://plnkr.co/edit/?p=previewenter code here
What I want :
...
0
votes
0answers
24 views
AngularJS databinding with 2 different GET functions
My problem is as follows:
this is my html code for how I show my dropdown menu:
<a href="#" class="dropdown-toggle" data-toggle="dropdown" ng-click="getExercise()">Semester 1<b ...
3
votes
1answer
20 views
Model binding addonLeft.text angular formly
I am using bootstrap templates with angular-formly and I wanted to bind addonsLeft.text to a model so that it dynamically changes once a select option has changed.
This is how an input looks like:
...
0
votes
1answer
22 views
controlling isOpen in angular ui bootstap
I would like use isOpen attributes in angualr ui bootstrap accordion directive so it would open the first element of the first ng-repeat in the accordion. I have tried few things with no luck. can ...
0
votes
1answer
13 views
isOpen for only first element in ng-repeat in angualr ui-bootstrap accordion
I would like to use isOpen attribute so the first element will open at load. but when I try it with the code below it won't do it in the expected way. it will do open the first one but when click on ...
0
votes
1answer
21 views
trigger angular.ui popover on event but on click
is it possible to trigger the popover directive on an event? I'm trying to look for a string character and trigger a custom template, however, I cannot find a way to get my way around it, I only see ...
0
votes
0answers
14 views
BootStrap Version Compatibily with Angular Bootstrap
Which BootStrap local CSS version is compatible to use with AngularJS tpls 0.14.3 version?
0
votes
2answers
20 views
Time conversion from hh:mm:yy (24 hour) to expanded time form
I am using Angular-UI time plugin and so I need to convert a simple time format to a more complex one, i.e,
from:
16:19:29
to:
Wed Dec 09 2015 16:09:15 GMT+0530 (India Standard Time)
Or if ...
0
votes
0answers
12 views
UI-Grid doesn't display inside Tabs
I'm trying to display ui-grid in angular-ui-bootstrap tabs. Grid is coming in one tab but in other tabs grid is not coming at all. Following is the sample code. I'm new to angular ui-grid and tried ...
0
votes
0answers
9 views
Open UI datepicker calendar upside/downside
I am using Boot strap calendar ui-datepicker and using below code to popup calendar.
<input type="text" name="expectedClosedDate" class="form-control width-160 float-left" ...
1
vote
1answer
32 views
Angular Formly form used both as edit [input field] and read only [display field as in Extjs]
I want to achieve a functionality where I will use the same form created using Angular Formly in edit mode as a text field and in read only mode as label which only shows data not a textbox
1
vote
1answer
41 views
UI Bootstrap adds <div> around <uib-tabset> directive, breaking CSS
When using <uib-tabset> included in UI Bootstrap, the directive template surrounds the resulting unordered list with an empty <div> element.
<div>
<ul class="nav nav-{{type || ...
0
votes
1answer
14 views
Angular-Bootstrap UI Tabs: Remove Tab Option
I have a special requirement for my project where I use Angular-UI-Bootstrap to create a tabbed view.
<uib-tab data-ng-repeat="pageTitle in form.pagetitles" heading="{{pageTitle}}">
// tab ...
0
votes
0answers
16 views
AngularJS Typeahead Binding updates
I am using AngularJS bootstrap typeahead and it does not update the list especially when searching the first time.
my api call is as follows
this.apiservice.get_request_params("/api/endpoint/", "")
...
0
votes
0answers
37 views
uib-pagination NOT working Angularjs
EDIT!
Updated plunker below.
I've tried and tried to instantiate the UI Pagination from the Angular Directives website. I've scoured Stack Overflow and codeProject and various other sites. I can not ...
0
votes
1answer
13 views
Angular uibDatePicker with JSON.NET and the inevitable time challenge
I want the user to enter dates, not times, just dates, using a datepicker. Doesn't seem too hard, but it's killing me.
I choose the 1st of December on the datepicker and click Save. In the Network ...
0
votes
2answers
33 views
Adding code to display image in the below code
I need to divide the page into 2 columns, one should contain these button's list and other should have an image. How can I change this code. Please help. :(
<div class="row">
<div ...
1
vote
1answer
48 views
Issue with carousel in modal using ngAnimate and angular-ui
I am updating this question to fit better the topic, looks like there's a conflict between Angular v1.4.8, Angular Animate 1.4.8 and Angular Bootstrap 0.14.3, after including ngAnimate as dependency ...
0
votes
1answer
15 views
ui-bootstrap rating titles attribute - how to show it?
The uib-rating has a titles attribute, where strings are defined for the rating icons. Is there a way these titles can be used as captions? I didn't find any documentation on that.
0
votes
0answers
31 views
Angular-ui-bootstrap datepicker is setting default calendar date to December 31 1969 when using with ng-required
I have a form where I have a conditionally required datepicker element. I can not initiate this element with any value as the user has to enter it. Datepicker format is dd/mm/yyyy. Issue is that it ...
0
votes
1answer
26 views
Angular-ui-bootstrap modal and typescript
I am using ngDialog with Angular and Typescript however I am trying to change to Angular-ui-boostrap modal as it looks cooler and easier to use.
I have a scenario that I show a list of records using ...
0
votes
1answer
22 views
Angularjs UI.Bootstrap Pagination customizing template?
Hi I would like to us if there you can point me to a correct sample code for Angularjs UI Bootstrap Pagination to customize the template?
I tried searching google and here in stackoverflow but I ...
-1
votes
1answer
23 views
Overwriting Angular UI Bootstrap pagination template functions
I'm using Angular UI Bootstrap in my application, specifically the pagination (http://angular-ui.github.io/bootstrap/#/pagination). I need/want to overwrite/extend the functions for First/Last and ...
1
vote
3answers
42 views
trigger modal popup from controller
I have a bootstrap modal popup which I fill with data from my modalcontroller. After I filled it with data I would like to show it. To be able to show the modalpopup straight away when going into the ...
0
votes
1answer
37 views
How to validate non-form elements in Angular?
I'm using angular-bootstrap-ui-dropdown on a form. I wanted to run some validation on this element. Is it possible with Angular Validator?
The code currently looks as follows, all of these are in a ...
0
votes
1answer
35 views
All accordion open and close once at a time when opening/closing ONE
I use angular bootstrap ui 0.14.3.
When I click any of that dynamic generated accordions then ALL of them open/close. There is something wrong here.
I just want that only the one I click open/close.
...
0
votes
0answers
34 views
angular ui bootstrap uib-tooltip show on custom trigger
I have this tooltip on a input field:
<input id="chatMsg" uib-tooltip="something" tooltip-trigger="openTrigger" ng-model="chatMsg" />
and i want to show it on a custum trigger like this:
...
0
votes
0answers
6 views
how to fixpixel of table and its data created through angular js?
here is picture of table
table data and all designing part in small pixel. I have used angularjs to control the data but simple css doesnt seem to be working any idea how may i fix it ??
0
votes
0answers
11 views
UI-Bootstrap: opening a modal in a modal
I am trying to open a modal inside of a modal. Seperate, they work. If I try to call the modal inside of the modal, it doesn't work.
First modal code:
$scope.addTimeline = function($scope, $modal) {
...
2
votes
1answer
24 views
textAngular header button cannot be larger?
Currently, I'm using textAngular for my project. I'm trying to increase toolbar button and add label under that button. Problem is even I can increase button except H1, H2, H3 and cannot able to add ...
0
votes
1answer
58 views
UI Bootstrap uib-tabs panel right
Using vertical tabs in UI Bootstrap 14.3, how do you align the content to the right of the tab rather than underneath the tabs?
<uib-tabset vertical="true" type="pills">
<uib-tab ...
2
votes
2answers
27 views
Angular ng-model is being set to undefined on edit
I'm creating a modal dialog and trying to read the fields back when the dialog is closed, but when the input is edited, the ng-model for the input field is being set to undefined. With the Plunk, if ...
0
votes
1answer
36 views
Angular Directive not executing on UI Bootstrap Modal open
I have a one-page site that I am building out and this is my first time using Angular on a site. Building it on top of Laravel too for the backend but that is beyond the scope of this question.
I ...
0
votes
1answer
17 views
set current controller in ui.bootstrap.modal
How can I use the current controller in the modal configuration?
I am in GestioneTrtController but this re-initialize my controller:
export class GestioneTrtController {
openModal() {
...
2
votes
0answers
17 views
form-control attribute is not adjusting to bootstrap modal template
I am trying to create a modal with form using angularjs and bootstrap.
First I created the form and now I am trying to put it to modal template but the form-control is sliding out of the modal as you ...
0
votes
1answer
19 views
bootstrap feedback glyphicons showing on load
Why are my feedback glyphicons showing up when the page is loaded?
Plunker - http://plnkr.co/edit/dRtZUoDP0xUwhI3SWVrV?p=preview
HTML
<div class="row">
<div class="col-xs-5">
...
0
votes
1answer
34 views
Angular bootstrap datetimepicker localization, change language
I found out that UI Bootstrap date picker supports localization by including a i18n js file for the specific language for example:
<script ...
0
votes
2answers
24 views
Set format of date to ui.boostrap.datepicker
I need to set a format for the value of a datepicker, my datepicker:
<input id="date" name="date" type="text" uib-datepicker ng-model="vm.date">
I want vm.date to have a format of dd-MM-yyyy, ...
0
votes
1answer
21 views
Bootstrap NavBar Image Dropdown
I am using UI Bootstrap 14.3 and I am trying to have an image within the NavBar to dropdown a menu when clicked.
I have implemented the below code however the menu pops up at the top of the page and ...
0
votes
1answer
49 views
Why is Angular ui-bootstrap accordion not working even after looking at other solutions?
I have the same problem as the questions I have seen such as:
Angular ui-bootstrap accordion not working
BUT the solution did not solve my problem.
Here is the code I have in plunker. In notepad++ ...
0
votes
1answer
13 views
UI Bootstrap Anchor doesn't work inside Accordion Heading
I am using Angular Bootstrap (UI Bootstrap), but I am having trouble with the accordion header. It seems that the toggle functionality overrides anchor elements in the accordion heading so that links ...
0
votes
1answer
17 views
ui-bootstrap how to get the scope in view aliased
View calling modal
I have this code you should: open a modal bringing the data within the controller being used by the angular-ui-bootstrap. But it is not getting the result of the "item" that is ...
0
votes
2answers
87 views
AngularJS Ui-Bootstrap ng-bind-html scope resolution of $modal
I'm attempting to open an AngularJS modal and pass in as a parameter HTML form controls. So far I've managed to learn how to pass in and receive back values so long as they are tied to hard coded ...
0
votes
1answer
106 views
$uibModal not opening, giving errors
So I have tried everything, every example, I have absolutely no idea whats wrong. Whenever I try to load in '$uibModal' I get errors and all of my angular code breaks. If I dont load it in properly ...
0
votes
2answers
34 views
How to pick the year firstly when a angular-ui/bootstrap datepicker popup opened?
I want to pick year firstly in datepicker and after that pick month and after that pick day.
I want to see years first.
0
votes
1answer
35 views
year and month only datepicker angularjs and bootstrap
i have problem i want to use datepicker from date to date(check in and check out with months not days) and it should be with months ,the problem is: i have template but it show me the the day and the ...
0
votes
0answers
40 views
AngularJS: upload file inside modal-ui-bootstrap
I have an angular modal-ui, in it I upload file. The problem is that for some reason the <input> of the file doesn't triggers the app directive. The directive returns the file name and size when ...
0
votes
1answer
63 views
Unknown provider: 3Provider <- 3 using Angulat Bootstrap uibModal
It's been a few weeks with this problem, I'm new to Angular so I hope is an easy fix.
I'm using Angular Bootstrap Modal (ui.bootstrap.modal) and it's not working. this is my code.
On contentApp.js ...
