A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
-2
votes
0answers
14 views
How can I show tick labels on angular?
I tried to use https://github.com/seiyria/angular-bootstrap-slider
But I think documentation is so poor and also I could not write ticks as string.
For example I wrote like this:
$scope.dirTypes ...
0
votes
1answer
10 views
UI Bootstrap modal window (service) refreshes page while opening
I am using UI bootstrap modal window to show a form which takes data from a controller and passes on to modal window. But when window pops up, the controller is getting called and all the service ...
0
votes
0answers
19 views
Angular UI: How to trigger typeahead even if a value is selected?
Since 1.0.0 of Angular UI Bootstrap typeahead-min-length=0 was introduced. With this typehead can be triggered when the input is focused. However, if a typeahead value is selected, typeahed is no ...
0
votes
1answer
10 views
Bootstrap 3x3 grid with Ionic
I am making an Ionic 3 by 3 even grid that fit to the screen without scrolling horizontally and vertically. I want to use bootstrap's div class.
<div class="container-fluid">
<div ...
0
votes
0answers
26 views
Angular function not working in angularUI
I have changed my angular project to use angularUI as I was just using bootstrap tabs as you would normally. This is my first Angular project and I have implemented UI tabset and now some code I was ...
0
votes
1answer
21 views
Bootstrap-ui datepicker : how of have an empty ng-model?
In an angular project, I have an bootstrap-ui datepicker which is used to provide info on the date when an invoice has been paid.
Initially, upon creating the invoice, as it has not been paid and so ...
1
vote
1answer
20 views
When I make a draggable clone how to retain the height and width of the element
$("li", $taskList).draggable({
helper : "clone",
revert : "invalid"
});
While dragging the element I want the same height and width should be retained.
0
votes
0answers
12 views
PDF differs for screen size
I tried opening a PDF using mobile application, but the PDF alignment and size are not the same as in desktop..
Am using windows.print() to display the PDF.
I have used @media print to define print ...
1
vote
2answers
36 views
UI Bootstrap typeahead blank dropdown issue
I am trying to implement the type ahead and all seems to be working. The only problem is something with the styling is wrong, it displays the dropdown like it is going to autocomplete but it is all ...
0
votes
1answer
14 views
bootstrap date formate getting wrong result
i want date formate in dd/MM/yyyy
using js and css
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
...
0
votes
0answers
10 views
Open angular ui accordian using protractor and cucumber
I am new to cucumber and i have an accordian in my page containing dynamic data. I need to open the accordian in protractor test case. Please help me out with this.
0
votes
0answers
14 views
how to decide the active slide in angular-ui-bootstrap carousel
Here is the official example in the documentation about the angular-ui-bootsratp carousel.
But I could not replicate it in my own case, as the slide.active is not working.
...
0
votes
1answer
18 views
Angular ui bootstrap carousel won't slide after setting a slide's active property to true
Here's a fork of the plunker of uib-carousel on ui.bootstrap.
I added a line in the controller after the for loop for populating $scope.slides:
$scope.slides[1].active = true;
I want to pre-select ...
1
vote
0answers
21 views
can not populate boostrap calendar using angularjs
I'm using the following libraries,
Angularjs
boostrap
datepair https://jonthornton.github.io/Datepair.js/
jQuery timepicker
I'm building a leave request application where employees can schedule ...
0
votes
1answer
31 views
AngularJS Pagination TypeError: Cannot read property 'slice' of undefined
I am receiving an error message "TypeError: Cannot read property 'slice' of undefined" while attempting to use Bootstrap Pagination. I believe the error is taking place do to a scope issue while ...
0
votes
2answers
42 views
How can I exclude one specific class by css?
I have nested tab. You can access from (http://plnkr.co/edit/QbMjutwEIRfHYpgELuIz?p=preview)
I want to apply this class to only .verticaltab class so I wrote css like that:
CSS:
.nav-tabs {
...
0
votes
1answer
19 views
bootstrap css repeated items randomly skipped
I'm repeating a list of items (ng-repeat) and there are seemingly randomly skipped spaces on the page that end up blank.
When I inspect element, the next div after Dr. Strauss is indeed Dr. ...
0
votes
0answers
26 views
AngularJs BootStrap UI Pagination
I am attempting to use bootstrap ui's pagination on and angularjs project. I am receiving error message 'Error: [$injector:modulerr]'. I have been following the example here Angular UI bootstrap ...
-1
votes
1answer
32 views
What is the core difference between Bootstrap CSS and AngularJS UI Bootstrap?
So I am developing a new MVC application using AngularJS and I wanted to implement bootstrap for the UI but upon searching for bootstrap from within NuGet I see AngularJS UI Bootstrap.
I did a ...
0
votes
0answers
24 views
AngularJS: Custom popover directive based on UI Bootstrap
I have a list of customers:
<div class="customer" ng-repeat="customer in customers">
{{customer.name}}
<a uib-popover-template="'PopoverTpl'">{{customer.managerName}}</a>
...
0
votes
2answers
30 views
uib-tooltip custom trigger do not work?
I have this tooltip on a input field:
<input id="test" uib-tooltip="my tootip" tooltip-trigger="customEvent" ng-model="test" />
and i want to show it by using jquery:
...
0
votes
0answers
20 views
Error while using two modals: [$injector:unpr] Unknown provider: $modalInstanceProvider <- $modalInstance
I really find it very hard to solve the above error.
I have two modals in my project. One of the modal is working fine and the other modal is not so. I have injected $modal as a dependency in the ...
0
votes
0answers
23 views
Preselect uib-btn-radio button
I have the following btn-group
<div class="btn-group">
<label class="btn btn-success active" data-ng-model="myModel" uib-btn-radio="'enabled'" data-ng-click="vm.myFunction()">
...
1
vote
1answer
22 views
Bootstrap UI Typeahead doesn't support two-way data binding
Hello to all I read that this issue
https://github.com/angular-ui/bootstrap/issues/274
is was closed... I've this jsfiddle
https://jsfiddle.net/qq4gqn6t/12/
but when I change the model the ...
1
vote
1answer
28 views
Angular UI Bootstrap Tooltip tooltip-is-open weird behaviour
I use a tooltip directive from Angular UI Bootstrap inside one of my own directives. I want to manually toggle tooltip's visibility using tooltip-is-open attribute that Bootstrap Tooltip provides. ...
1
vote
1answer
35 views
update scope variable on submit and update view in angular js
I'm creating my first web app in angularjs and can't get the page to update with new values once the user submits text/numbers in an input box.
I'm using Java8, MongoDB, angularJS and twitter ...
3
votes
1answer
50 views
Bootstrap 3 nav button, from toggle to dropdown
I'm working on an AngularJS app where I use Bootstrap 3 to style my navigation (Navbar) and this works perfectly.
My headder
<div class="navbar-header">
<button class="pull-right ...
0
votes
1answer
27 views
Typeahead each time user writes a certain word
Im using the ui-bootstrap typeahead for when a user types to show all the variables available for him to write wich are proprieties from an object wich is loaded Ex: item.cost+item.quantity
My ...
0
votes
1answer
28 views
Issues with ui bootstrap modal CSS and printing
I am creating a webpage using angularjs and ui bootstrap to create modals. Then I have javascript to print just the modal. However, I am having an issue with my CSS. Firstly, for some reason (most ...
0
votes
0answers
8 views
Angular ui-typeahead Submits On Select
I'm new to using angular ui-typeahead and whenever I select a value in the popup it submits/reloads the page.
Any ideas how to troubleshoot?
2
votes
0answers
44 views
Creating a two column dropdown in angular-ui-bootstrap
I have about 13 items in my list, so I'd like to make my dropdown menu in ui-bootstrap have at least two columns. Right now, here is my html for the button:
<div class="btn-group" uib-dropdown ...
-1
votes
1answer
21 views
Angularjs UI bootstrap Datepicker in landscape view like Material datepicker
I'm using Angular UI bootstrap's datepicker , but I need to update the datepicker like Angular Material datepicker as link Codepen Link
Reference for such date picker I got from Pickers - Components ...
1
vote
0answers
29 views
Angular Bootstrap UI - how to save data from modal directive to controller?
I am using Angular Bootstrap UI in my project.
I have a directive 'HelpDirective', which is used in different controllers. That directive calls HelpService which opens a modal and after it is closed ...
0
votes
2answers
38 views
css border style for treeview using bootstrap list-group-item
I have a treeview using bootstrap style. which I wrote it myself..but I have problems with the style..I used list-group class for ul element and list-group-item for li element but my tree looks like ...
1
vote
1answer
49 views
Angularjs UI Bootstrap: How to modify uib-tab CSS
I am using the UI Bootstrap tabs, and I want to change the CSS for some of the components, but am not sure of how exactly to access the different elements.
The elements I would like to change are the ...
2
votes
1answer
74 views
how to use angular expression value as an attribute for html element
I have a scenario where i need to apply different directives (attribute) to a DIV inside a Angular bootstrap Modal at runtime (button click).
I would know the name of the directive to apply. But i am ...
1
vote
2answers
71 views
how to change route for each tab in uib-tabset
When I choose a tab, I want the url to change. should I create a state for each tab ?
This is my code which works fine without changing the state .
My app.js
var myApp=angular.module('app', ...
3
votes
2answers
33 views
Angularjs : ui bootstrap : accordion “close-others” does not works
It seems that the "close-others" of the accordion in the UI bootstrap does not work, the example in Plunker is:
here.
I tried with the last version of "ui-bootstrap-tpls" but it gives a result which ...
1
vote
1answer
38 views
ng-class or ng-style directive not working in ui bootstap carousel
I am using UI Bootstrap Carousel and need to do some customization in it so that user have access of configuring options such as text color, navigation show/hide, etc....
For this i have used their ...
0
votes
0answers
31 views
To dynamically run progress bar using angular-html
Scenario:
Start time
End time
An activity gets started with start time and ends with end time.
I have written the logic in javascript. Now, i need to use angular and show a progressbar running ...
0
votes
0answers
16 views
Creating resolve option in directives
I'm using angular bootstrap tabs to display some section in one page. In order to not load everything at once, I created a directive to allow load a tab when clicked, it also support using a separate ...
0
votes
3answers
33 views
UI Bootstrap custom directive controller is not a function
I want to use UI Bootstrap Collapse in my custom directive <collapse>
However, I get this Error: [ng:areq] Argument 'CollapseDemoCtrl' is not a function, got undefined
Here is my Plunkr
What ...
0
votes
0answers
21 views
Bootstrap UI datepicker BUG if using timemachine js
I need to overriding client browser system time in my web-app.
I using timemachine to overriding Date,
this works well but creates conflicts when i usinig Bootstrap UI datepicker, the pop-up of ...
0
votes
1answer
66 views
AngularJS 1.4, bootstrap multi level Accordion sample
I want to build a menu something like as below but I am not finding an appropriate sample utilising AngularJS 1.4, bootstrap & accordion.
Accordion is a must. Please advise.
menu1
menu2
...
0
votes
0answers
5 views
Movable tabs to Dual screen
Is there any utils in new UI stack with which I can drag a tab not a popup to the second monitor or dual screen. With bootstrap js we can move the tabs around in single screen
0
votes
0answers
15 views
IE11 showing flashing text cursor on label when active/clicked in angularjs bootstrap
I hope this is a bug and there is a fix.
In IE11 when I click on one of the tab elements I see a text style flashing cursor at the point where I clicked (not seeing this in Chrome).
See image:
...
0
votes
0answers
31 views
I need to position a bootstrap modal(dialog) relative to the opener
I use a bootstrap modal for my settings dialog in an angularJS app. but it need to open relative to the opener but the default bootstrap behavior is that it opens in the center of the page.I'm looking ...
0
votes
1answer
15 views
Angular-UI Keep Accordion Open During Interval Update
I have an accordion group that I use ng-repeat to produce dynamic groups, works fine. I also have $interval to update the list every 60 secs. When this happens all the groups close. How can I keep the ...
0
votes
1answer
17 views
ModalInstance updating Image from upload
I am trying to upload an image from a drag and drop feature. I have set the modal and my drag and drop feature fine, but what I am having an issue is when I upload the file I would like to update the ...
0
votes
0answers
24 views
Make Angular Bootstrap UI date ascending
I am using https://github.com/angular-ui/bootstrap for my date dropdowns, which works great, except the year is descending (from the maximum year), is there a way to make it ascend from the current ...
