A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
23 views
AngularJs how to make a sticky header div inside a modal
First off im sorry I'm very new to this but was I have no choice but to do it.
I have a grid in my main page with a link that calls a modal page. The code that you can see below is the div inside a ...
0
votes
1answer
44 views
grid system in bootstrap
I have a scenario where I need the following view in large resolution:
and the following in small and medium resolution:
I have tried:
<div class="row">
<div class="img-blocks ...
0
votes
0answers
13 views
Why is ui-bootstrap modal warning me that I tried to load Angular more than once?
I'm using ui-bootstrap modal v2.2.0 and angular v1.5.8 and bootstrap v3.3.5. I've basically downloaded the javascript for that file, copied and pasted it, and put it into a file located, relatively to ...
0
votes
0answers
14 views
Angular Bootstrap UI Timepicker entering invalid time
I'm using Angular Bootstrap UI Timepicker and if I enter 50 in the hours field, it highlights the field red, but nevertheless I get a valid date out of it that looks just like that Tue Nov 15 2016 05:...
1
vote
0answers
7 views
Bootstrap carousel event handling in angular 2
I am wondering how to catch event slide.bs.carousel (bootstrap 3 carousel) in Angular 2 and pass it to child component?
It's pretty simple in jquery and I suppose in ng-2 too. But I cant't find simple ...
-1
votes
0answers
12 views
AngularJS ui-bootstrap carousel $currentTransition
I'm fairly new to AngularJS. I am about to use ui-bootstrap carousel in my project, and just out of curiosity I started checking angular code for the carousel. So far I understand the code, however ...
0
votes
0answers
12 views
StopPropagation() - Checkbox in uib-accordion header - AngularJS
I'm having problems with checkboxes inside an accordion header.
Purpose:
The checkbox in the header is an indicator if that section is being used.
User actions:
There are two ways to set the value ...
0
votes
0answers
15 views
Webpack ui-bootstrap
I am trying to use ui-bootstrap with Webpack, but i have problem, when i try to use something like this
https://github.com/angular-ui/bootstrap#install-with-npm
import accordion from 'angular-ui-...
2
votes
0answers
16 views
How to create datetimepicker renders a picker in one cell?
I have a table:
<table class="table " id="Table" width="100%">
<thead>
<tr>
<th>ID</th>
<th>From</th>
<th>To</th&...
1
vote
3answers
46 views
Bootstrap “collpase in” not working
I am using bootstrap to toggle the div element. I am using the following code, its working for its default behavior i.e. to hide the toggled content in the beginning.
I want to show the toggled ...
0
votes
0answers
23 views
component router not working with ng-bootstrap
I am writing below code to navigate between tabs and
<ngb-tabset>
<ngb-tab title="Add">
<template ngbTabContent routerLink="/retail/retail-add">
</template>
</...
0
votes
0answers
17 views
How to combine bootstrap accordion and bootstrap tooltip on ipad?
The problem is next:
when I have a tooltip icon that should show a tooltip on ipad user has to click it when popover-trigger is "mouseenter". But it opens an accordion.
<uib-accordion close-others=...
0
votes
1answer
10 views
restrict uibDatepicker pop up to accept only digits and '-'
I have a requirement that I need to let user only enter digits and - into date picker and prevent user from entering other characters, how can I achieve this?
for example I want prevent user from ...
2
votes
1answer
26 views
AngularJS UI-Bootstrap Datepicker is not working inside ng-repeat?
I have been trying to use date pickers inside ng-repeat but the datepicker is not working inside ng-repeat, can anyone help me solve this issue.
Here is my code,
<div ng-repeat="dt in dates">...
0
votes
0answers
28 views
AngularJS - pagination is not working for bootstrap datatable
I am working with the AngularJS bootstrap datatable and am very new to that.
Here is my code
controller.js
.controller('tableContactCtrl', function($timeout, $scope, $filter, $sce, ngTableParams, ...
0
votes
1answer
18 views
Design libraries for nice and simple web pages [on hold]
I want to make a web application for renting books. I want to use Angular and bootstrap. I am new to front end development (design) and I want to do somenthing that looks nice and simple. Can you ...
0
votes
0answers
9 views
Add ng-bootstrap carousel controls without redirecting to a different url
I have a ng-bootstrap Carousel. The Slider displays, the first img as expected.
However, if you click on the Slider (to progress), a part of the website (the whole part with the slider) vanishes.
I ...
2
votes
1answer
25 views
add content to uib-tooltip-html
Why does this work just fine:
Controller:
$scope.getHtml = $sce.trustAsHtml("<div>Test</div>");
View:
<div uib-tooltip-html="getHtml">Test</div>
But the following doesn't ...
0
votes
0answers
15 views
Angular Ui Bootstrap modal keyboard = false, not working
I'm been trying to make a modal stay open. but the keyboard option doesn't seems to work. I tried doing it like I have done a lot of times before.
var modalInstance = $uibModal.open({
...
0
votes
0answers
11 views
DataTable plugin causes unable to load other JQuery plugins like Zebra date picker in Rails
I am adding DataTable for my rails app. In the process I am getting several errors:
dataTables.bootstrap.min.js?body=1:6 Uncaught TypeError: Cannot read property 'defaults' of undefined
dataTables....
0
votes
0answers
28 views
AngularJS typeahead dropdown not displaying
HTML:
<input type="text" class="form-control" placeholder="" ng-model="selectedUser"
typeahead="user as user.name for user in getUsers($viewValue)"
typeahead-template-url="/...
0
votes
0answers
21 views
Angular UI Bootstrap TypeAhead for Multiple Arrays
Having an issue getting the Typeahead feature working properly in UI-BootStrap with large datasets. I've got nearly 92,000 records coming back and it seems the maximum number of records that can be ...
0
votes
2answers
41 views
Ng-bootstrap Carousel refuses to show Images
I'm upgrading from an old version of bootstrap (0.13.4 & 0.14.1) to a new version of it.
The old slider worked just fine, but doesn't show any images anymore, when the new file is in use.
This ...
0
votes
0answers
15 views
ui-bootstrap typeahead not working
I am trying to write an autocomplete text box with ui-bootstrap but I am not able to see the required suggestions. Could someone help me please.
Here is the html file I have written:
<!...
2
votes
1answer
34 views
Bootstrap UI Angular modal doesn't show as a pop up
What I have: https://rawgit.com/emilyeserven/testwebsites/master/js/angular/chara-select/index.html
At the bottom are buttons to open modal boxes. However, when they're clicked, they just show at the ...
0
votes
0answers
14 views
Unable to get scroll on custom uib tabset
I have the following code and dynamic data load involved. I need to have a scroll for the ng-repeat data. but the height is always 0 and it doesn't allow to create a scroll.
<div class="row"&...
2
votes
1answer
19 views
Boostrap image zoom
I am doing an e-commerce site. I am use Bootstrap. What should I use when doing the product detail page? I want it to be as follows.
I want the picture to grow when it comes to the picture.
0
votes
1answer
39 views
how to close modal after submit in angularjs
i know have many result in this question but no one give work answer for me.
html 1:
<button class="basebtn logbtn" ng-click="openlog()">LOGIN</button>
<button class="basebtn regbtn" ...
1
vote
1answer
25 views
Fix page shift when opening and closing uib-modal of angular ui bootstrap
There is page shift when opening and closing the uib-modal. Check https://angular-ui.github.io/bootstrap/#/modal . Notice the scrollbar disappearance and appearance.
This question is already asked ...
0
votes
0answers
6 views
How to use bootstrap-date picker in angular2 rc7
Please let me know detail configuration step by step for use bootstrap-date picker from that link https://eonasdan.github.io/bootstrap-datetimepicker/#bootstrap-3-datepicker-v4-docs
3
votes
1answer
48 views
Parent div CSS classes are not getting added to child div
I have a working dropdown with proper CSS classes and it works as expected. In another html page I have copied the same div structures including the CSS classes but it doesn't work.
I am using Chrome ...
0
votes
0answers
44 views
Can't get AngularJS / Webpack app to work in production environment, but it works fine in development environment
I'm new developing with AngularJS, NodeJS and Webpack, but I managed to make a simple app (with help from this video by the way: watch?v=6Sbau-oE37w) the app is been developed in this environment:
...
0
votes
1answer
20 views
Angular: How to make an element that will close UI bootstrap dropdown on click
I am using Angular UI with bootstrap and I'm using the uib-dropdown. I have auto-close set to outside click, but I want to also create a button in the dropdown that will close it. I tried adding uib-...
0
votes
0answers
17 views
angular ui bootstrap typehead not selected on click mouse
When I us a mouseClickListener on an item it is not selected. No error is issued, however it is working when I press on Enter.
"angular": "1.5.8","angular-animate": "1.5.8","angular-touch": "1.5.8"
&...
0
votes
0answers
30 views
How can I use a ui bootstrap directive within a custom directive?
I am trying to use the uib-carousel directive within my costum directive. The images for test are rendering with ng-repeat but no carousel component is present.
The uib-carousel and uib-slide ...
0
votes
0answers
20 views
AngularJS/Bootstrap img popover showing on one, not on the other
I'm working with AngularJS and Bootstrap, I have 2 different pages with the same code, one popover works, the other one doesn't and I don't understand why.
Both using:
.directive('descPopOver', ...
0
votes
2answers
35 views
Center Angular UI Modal in the middle of the screen
I followed the solution taken from here but it's not working. I need to center the modal right in the middle of the screen, both horizontally and vertically. I attempted in this plunk but it's not ...
1
vote
2answers
35 views
Web Page not Anchoring in Angular
I am attempting to have the page go to a div section of the page based on what they click. I have the div for each section id'd with the proper tag. I have done a test where I can load the page and ...
2
votes
3answers
33 views
How to have two sections using 50% of the total height?
My goal is to have two sections, both containing a methodbar and table, which are using all the height available.
Any idea about how to modify the CSS?
I already tried playing with height and 100% ...
0
votes
1answer
19 views
dropdown-toggle up and down keys in keyboard not working
I am unable to use up and down arrow buttons to focus on the drop down menu.
In my application, we are using angularjs.
Here is my code:
<div class="dropdown dropdown-eq2 form-group" dropdown>
...
0
votes
0answers
10 views
Bootstrap template not loading correctly
I am new to Bootstrap and AngularJS.
recently i uploaded/Published. new sample table via Github.
https://iamvsk.github.io/
this works correctly on localmachine. but when viewed through github, all ...
-2
votes
3answers
23 views
HTML-Bootstrap: How to make collapsible text appear under its own button
I am using bootstrap to use collapsible text.
I am using two button for collapsing and their corresponding collapsible text.
The problem is the text is appearing at the end of the buttons instead of ...
0
votes
0answers
12 views
Angular ui-router clear cache(with ui-bootstrap doesn't work)
When we want to clean angular template cache, we have two ways:
1.$templateCache.removeAll();
2.templateurl+ new Date().getTime()
Template cache normal clearance, when it uses ui-bootstrap, it ...
3
votes
1answer
33 views
Google images layout with angularjs and ui-bootstrap
I would like to make an image gallery that is similar to Google images gallery layout but I couldn't find any useful example to approach. I would like to show the larger image right below or above the ...
1
vote
1answer
49 views
Scroll is not working in Iphone
I have creating message sending applicaotin which i have using mvc-framework and angularjs and bootstrap css for responsive. i have some code for sending message. its show with scroll when its open in ...
0
votes
1answer
31 views
Creating Layouts in Angular 2 projects
Hi i am creating a project with angular 2. I want to have a number of layouts for my each modules like a Login Layout, Home Layout, and A user layout for every one who have logged in.
I can not ...
0
votes
1answer
29 views
Bootstrap alert message is not working inside angular run blocks under ui-router?
I am doing sample application to autologut if user is idle for 30 Min. before 1 minutes to logOut have to show an warning message to the user.
So i have calculated the minutes and show the warning ...
0
votes
3answers
29 views
Angular - Adjust Pagination When Filtered
I'm new to Angular, so go easy on me.
My question is similar to this one. I'm doing something a little different, so the accepted answer isn't working for me.
I'm using Angular UI Bootstrap's ...
0
votes
1answer
29 views
AngularJS - How to create dynamic sidebar on base of roles
I want to create dynamic sidebar on base of user role. It is stored in $rootScope.login but I don't know how to use it in template.js
Here is my js code and am very new to AngularJS
template.js
$...
0
votes
2answers
22 views
How can dismiss all modal dialog in angular js
In old version of angular bootstrap i used to use
https://angular-ui.github.io/bootstrap/#/modal
var myApp = angular.module('app', []).run(function($rootScope, $modalStack) {
$modalStack. ...
