A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
9 views
Angular directive ui-show breaks ng-click
Issue
ui-hide and ui-toggle randomly breaks binding of ng-click sometimes, only when the ng-click target is followed by the ui-show, and doesn't happen with all nodes (example with text instead of ...
0
votes
0answers
10 views
Trouble with active tab default using AngularJS, UI Boostrap, and UI Router
When using a UI Boostrap tabset along with nested sticky states created with ui-router and ui-router-extras, I have an issue where navigating to a tab's state via URL will select the first tab along ...
0
votes
1answer
11 views
using angularjs and json wordpress api can't access currentPage value in app.factory $resource
I've just started using angularjs and I'm trying to connect a wordpress back-end to an Angularjs front end.
this is my index.html
<!DOCTYPE html>
<html ng-app="applicazioneIndex">
...
0
votes
1answer
31 views
Scope received in directive is not the same as the scope where directive really lives
I have this directive, which basically attaches a file to a model through file-model="..." (the entire purpose of this directive is because ng-model doesn't work in <input type="file"> in ...
0
votes
0answers
16 views
Multiselect dropdown with optgroup in angularjs
Am having json like
$scope.data={
"testCases": [{
"grpName": "Temp_Removed",
"active": "false",
"grpNameLink": "#Temp_Removed",
"groupDetail": {
...
1
vote
1answer
27 views
how do I create unique looking angular ui bootstrap dialogs
How do I style angular-ui bootstrap modal dialogs so they appear different from one another in color and/or size? I can style them for the site but not individually.
I found the following similar ...
-1
votes
1answer
16 views
Alert to appear on right top corner using ui-bootstap, bootstrap with Angularjs
Problem,
I want my Alert to appear on the right hand corner. How would I do that using bootstrap?. Currently my HTML look like this.
<div class="notification">
<alert ...
0
votes
0answers
14 views
how to customize angular-ui bootstrap tabs
I am having some issues styling my modal. The length of the tabs bottom-border goes past the side of the modal. I would also like to have the tabs have borders on every side so it will look more like ...
0
votes
0answers
17 views
Angular UI Bootstrap Carousel Fullscreen
I am currently trying to get the Angular UI Bootstrap Carousel to be the full length of my page. I have it on the outer most div, but it only extends the width of the page, and stops vertically at the ...
0
votes
0answers
20 views
Extending AngularJS plugins
For a project I had to add custom behavior to UI Bootstrap's Datepicker.
I had to add new key-value pairs to the datepickerConfig constant, had to do some simple changes in the DatepickerController, ...
0
votes
1answer
19 views
how to set angular modal custom height and width
I have found a way to change the width of a angular modal, how ever I can not figure out how to set the height I want. I need the modal to be 400px width, 400px height. also I need to reposition it so ...
0
votes
1answer
19 views
Many UI-Bootstrap-Datepickers on page loads very slowly - can I use a single instance and move element?
I have many rows displayed using 'ng-repeat'. Each row has 2 x UI-Bootstrap-Datepickers. When there are many rows, the loading of the page gets really slow.
I would like to just use a single ...
0
votes
0answers
13 views
AngularJS - Find end of collapse animation
I have a simple problem with angularui bootstrap's collapse directive. I have a <select> menu. When the someone changes the menu, the content changes. However, I would like to add an animation ...
0
votes
1answer
18 views
trying to insert directive into ui accordion body but gets converted to text
From the docs of angular bootstrap accordion I am trying to insert html into the accordion body.
$scope.groups = [
{
title: 'Dynamic Group Header - 1',
content: '<h1>Dynamic Group ...
0
votes
1answer
30 views
pagination does'nt get updated on search
Html Code: This is the html code that basically showas a table with search filter. . .
<input type="search" ng-model="search.$" />
<table class="table table-striped table-bordered">
...
0
votes
2answers
41 views
Angular search filter doesnt search in entire table
This is my html code:
<input type="text" placeholder="Search By Any..." ng-model="search.$"/>
<table dir="ltr" width="477" border="1" class="table table-striped ...
0
votes
1answer
21 views
angular.js select doesn't show the option value in the begining
I am using angular.js and bootstarp - angular-ui-bootstarp. and I found a problem that when using the select, even the option is not empty, the select in the page always show nothing until you click ...
0
votes
0answers
15 views
angular-ui datepicker initial state of datepicker not formatted per datepicker-popup
I'm working with an angular-ui datepicker and everything is actually working fine, with the exception of the initial state of the datepicker. AFter I pick a date, it looks fine. See below:
Initial ...
0
votes
1answer
21 views
dynamically remove “open” class on AngularJS ui-bootstrap's dropdown
I'm currently using UI-Bootstrap datepicker and dropdown. When I click the dropdown, shows the menu. While the menus or selections are visible, I click on calendar datepicker. The dropdown menu ...
0
votes
0answers
60 views
Angular JS complex Table form creation
I need some expert hands in this problem.
I want to create a dynamic table where user can add rows and columns. this is the desired end output:
I already managed to add floors both in quick way ...
0
votes
2answers
17 views
How to show 12 months at once in Angular UI-Calendar
i'm trying to implement a calendar in angular-ui calendar library. Is there a way i can show all 12 months of a year at once. so fare I've only managed to show one month at a time.
if this library ...
0
votes
2answers
34 views
Modal Using AngularJS not opening, getting TypeError: undefined is not a function
I'm trying to open a simple modal using Angular. I want it to open from an "About" link in my navbar. Here's the html:
<div ng-controller = "ModalDemoCtrl">
...
0
votes
0answers
23 views
Call a $scope function on date change in UI Bootstrap's Datepicker not using $watch
Is it possible to call a function after a click on a date or month in datepicker without using $watch? Currently, I'm using $watch to monitor changes in date to trigger a task.
If so, can you please ...
0
votes
1answer
24 views
Date not being formatted when copied from one datepicker field to another
I've recently migrated from Angular 1.2.5 to the most recent version, 1.3-rc.3, and from ui-bootstrap 0.7.0 to ui-bootstrap 0.11.2, and some functionality in my code breaks.
I have two datepickers on ...
1
vote
1answer
32 views
Native Bootstrap vs Angularjs Bootstrap directive
I am migrating an existing web application to AngularJS. As the application is already using Bootstrap 3 I am wondering if it is worth re-writing it with Boostrap Directives. My current understanding ...
1
vote
2answers
32 views
Sorting with ng-repeat Angularjs
I have an array
$scope.answers=["","","",""]
means Array have multiple empty elements .
<li ng-repeat="item in answers "><input type="text" ng-model="item"/></li>
it throws ...
0
votes
1answer
27 views
AngularJS - Closing Modal Window
My includes are:
bootstrap.css [ getbootstrap.com/2.3.2 ]
angular/ui-bootstrap-tpls-0.10.0.min.js from: [ angular-ui.github.io/bootstrap ]
I am using AngularJS and Twitter Bootstrap.
From ...
0
votes
1answer
14 views
Removing items from an angularjs ui dropdown
I'm currently trying to dynamically remove elements from a angular-ui dropdown instance, but the dropdown contents seems to 'reset' to the element I want to remove.
Here's a plunker illustrating the ...
0
votes
1answer
33 views
UI Bootstrap and Laravel Blade Templating
I am using UI Bootstrap in my project : UI Bootstrap
Problem : I cannot handle javascript <script> tags with blade templating. Getting internal server error (500)
Here's my Views path :
Views
...
0
votes
0answers
33 views
UI-Bootstrap dynamic accordion than contains dynamic tabs
i'm trying to create a dynamic accordion than contains dynamic tabs.
i have succeeded to do so in bootstrap
Bootply
but i'm having trouble doing it in UI Bootstrap (AngularJS).
This is my code:
...
0
votes
2answers
18 views
Navigate to angular page template from bootstraps navbar dropdown
I'm building a web app with angular for the first time and have use the bootstraps css (angular ui). I'm using the navbar from bootstrap and route to ng-templates with ng-route. Everything works fine.
...
0
votes
1answer
20 views
Datepicker angular directive for Bootstarap: Showing only months and years
I am using datepicker from Angular directives for bootstrap. I want to show only months and years in the datePicker pop-up, but could not find a way.
I tried the similar approach of Bootstrap ...
0
votes
1answer
39 views
UI Bootstrap Carousel (with Bootstrap 2.3.2) not working when hide and show in AngularJS
I´m trying to use a Bootstrap 2.3.2 Carousel to display an item pictures. The user can get a list of items. When he clicks on a concrete item, some detailed info is displayed in the same view. The ...
0
votes
1answer
27 views
angular ui bootstrap datepicker is-open directive not working
i'm trying to use angularjs ui bootstrap datepicker on my project but same code i grabbed from example doesn't seems to be working properly when i dig in to code i have realized the problem is with ...
0
votes
1answer
23 views
Why aren't my check boxes binding in my bootstrap-ui angularjs modal popup?
I've got a modal popup which contains a list of checkboxes. The list of controls is generated dynamically from a list and the ng-checked property is bound to the Selected property in my list model.
...
0
votes
1answer
19 views
Angular Typeahead filter from more than one field
I have a typeahead that filters based on a person's name. My person object has more fields than just name (at least {name, surname}) and I want the filter to work based in name and surname.
This is ...
0
votes
1answer
37 views
ng-click doesnt work with angularui tooltip
i'm fairly new to angular and trying to show some html content inside a angular-ui tooltip. what i need to implement is something like a dashboard where users can click icons and go to different urls ...
0
votes
0answers
9 views
Actions from Bootstrap-UI Modal Window Template
I am trying to overwrite the windowTemplate in the Angular UI Bootstrap Modal, and adding side panes to allow for a static panel used for actions.
Plunkr Demo
Side Panel Button
<label ...
1
vote
1answer
33 views
Form Validation and disabled button
PLUNKER LINK
In above problem i have three radio buttons which let the user pay balance,minimum amount and other
amount.When user clicks on third radio button it opens up a div with input where user ...
0
votes
2answers
72 views
view more/less button to a unordered list of items for a book shelf and auto adjustment of shelf after every 6 books in a row
Hej Guys,
I am working on a book shelf container, using Bootstrap 3.0, i have something like this so far,
http://www.bootply.com/19NyAgMDED
here , i have hardcoded bookshelf with some books in it ...
0
votes
1answer
27 views
Pagination with textbox in between next and prev go to page number in Angular js table
I want angular js pagination with next prev button and in between i need a textbox to go direct to any page number in angular js table
please help me
0
votes
1answer
26 views
can't use resolve data in modal
Have problem sending data to modal with resolve.
I have this template:
<div class="split wrapper" ng-app="myApp" ng-controller="appCtr">
<script type="text/ng-template" id="tablesModal">
...
0
votes
0answers
37 views
Pass object to custom angular bootstrap ui tooltip
Im trying to pass and object to a custom angular-ui bootstrap tooltip component.
My code so far is a new directive:
angular.module('ui.bootstrap.korv', [ 'ui.bootstrap.tooltip' ])
...
-1
votes
1answer
38 views
How to style inside an AngularJS modal form?
I have an AngularJS Modal Bootstrap form working. How do I style the text inside the form? In the example below, I'd like 'Name' to be Bold. I've tried label, divs, ng-class but that seems to get ...
0
votes
0answers
27 views
Angular-ui: Is resolve the only way to pass scope to an angular-ui modal?
I have been using angular-ui with angularjs for a while now and have encountered a problem and subsequently a solution, but I want to know if this is a good way to do things. The original issue was ...
1
vote
0answers
17 views
bootstrap dropdown caret breakes in safari
I`m trying to do ellipsis on the dropdown from angular ui bootstrap and the caret keeps breaking down either on safari, chrome or firefox. Fixing one will break another.
I've made a plunker with it ...
0
votes
3answers
40 views
Can't access form values in a $modalInstance
I'm opening a $modalInstance in which user has to choose an option from radio inputs (values loaded dynamically) and return chosen value.
I have this function to open the $modalInstance:
...
0
votes
0answers
10 views
Merging two Angular bootstrap tabsets
I have two directives which contain a tabset with some tabs. I want a view where I want to see all the tabs in both directives in a single tabset. What would be the best way to approach this?
0
votes
0answers
5 views
how to close a drop down in ui-bootstrap?
this is from ii-bootstrap sample, when clicked, it drop down a menu, how to close this menu from the controller? thanks.
< span class="dropdown" on-toggle="toggled(open)">
<a href ...
0
votes
1answer
26 views
Form Validation not working with ui-boostrap
I'm having a bit of trouble getting the form to run it's validation function. I have a plnkr. I Know I'm close... The validation file is loading in without errors. It's just not running the validation ...
