Tagged Questions
0
votes
1answer
33 views
Api angular for calendar events
I would like to use a full open source calendar API for angularJs 1.5.0.
I integrated Daypilot Pro to my app but it is a trial version. With DayPilot lite miss many feature like OnEventClicked.
Is ...
0
votes
1answer
30 views
AfterViewInit is called too early?
I am developing an angular website with Angular 5.2.1. I created a component I use multiple times in one view. To access it create a unique Id for the component in the constructor of this component.
...
0
votes
1answer
43 views
How to run code after an Angular modal window ($uibModalInstance) opens?
I need to respond at some events in a modal window.
Take this CodePen as base.
Suppose an (demo) need to alert the label content on click on all the labels in the modal window:
my code in the ...
0
votes
2answers
28 views
CSS: error at “min-width”
There's an error at @media (min-width: 564px) and the next line:
I am new to this and CSS and I do not understand the error. Can anyone suggest what should be done?
0
votes
1answer
48 views
Could not active the menu bar using Angular.js
I am facing an issue. I am unable active the right menu bar using Angular.js. I have some menu,sub-menu and sub-sub-menu but as per requirement I am unable to active those. I am explaining my code ...
-1
votes
1answer
32 views
Broadcast to directive from modal
I am using angularjs directive which contains some methods with ajax call in broadcasting event.
I am passing data as parameter to directive from different controllers ,some data I am passing from ...
1
vote
1answer
26 views
button.click() issue with jQuery
I am working on a project and I just created a form, also I used Bootstrap grids to structure the design, codes are as follows:
<div class="container well" id="block1">
<h4 style="text-align:...
0
votes
0answers
90 views
Bootstrap sticky header and horizontal scroll bar?
I've got quite a large database with vertical scroll, whilst I know in bootstrap its easy to make the header sticky is it possibly to make the horizontal scroll bar stick so I don't need to scroll ...
0
votes
1answer
113 views
uib-dropdown position the list on top of button
I want to set the position of the uib-dropdown list on top of the button if there is not enough space in the window to show the list at the bottom of the button.
Plunker Link
0
votes
1answer
43 views
How can I get the user inputs in angularjs and pass it from one modal to another? How controllers are connected in javascript?
I am new to Javascript and Angular....and I am trying to change a code so that when the user click on a button, it shows a form to user to enter her/his name, then if they press submit button Smilar ...
0
votes
0answers
48 views
Jquery Bootstrap datepicker UI broken in Chrome
I have implemented bootstrap datepicker, It works fine in IE but chrome it looks like below screen.
The issue only with its UI. Functionally it works but UI is not displaying correctly.
Please ...
0
votes
1answer
275 views
Search bar in modal-body for auto search based on text entered
Here is the html code:
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<...
0
votes
1answer
358 views
Angular JS, UI-Bootstrap Failed to load template
I am trying to use UI bootstrap modal for my project. But I am having problem while loading the template. I saw many posts saying that I have to include the right script file called ui-bootstrap-tpls....
0
votes
0answers
97 views
mCustomScrollbar for parent Div and bootstrap selectpicker (for dropdown style) is not working
I'm using mCustomScrollbar for div tag and in div tag drop down but when i scroll the drop down list , it's not working , parent div tag scroll instead of dropdown list. Below Code is Sample , not ...
0
votes
1answer
196 views
AngularJS : ng-bind-html inside a uib-tooltip-html
I have to show a tooltip in my UI. I am using angularjs in UI side.
Please see the code below.
<i class="fa fa-info-circle f18 darkgray hover pointer" uib-tooltip-html="'<div class=fw-600>...
2
votes
2answers
460 views
jQuery UI Datepicker is not working in Angular JS UI Bootstrap modal
I am not able to open jQuery UI Date Picker in UI Bootstrap Model. Normal HTML date picker is opening up but jQuery Date Picker is not opening up. Here is the code:-
Test.html
<!DOCTYPE html>
&...
0
votes
1answer
52 views
How to check if ui-bootstrap-custom-tpls.js is required
Context: I am optimizing a website that has been adding technical debt since 2015. The site loads a lot of stuff; JQuery and Angular.js, bootstrap.js and ui-bootstrap-custom-tpls.js. I think some of ...
0
votes
0answers
146 views
How to add uib-datepicker-popup?
I am trying to implement this tutorial in my code.
But it didn't happen like that.
I have all javascript files like angular-animate.js, ui-bootstrap-tpls-0.14.1.js, script.js.
But the problem is ...
0
votes
2answers
37 views
My login modal is working incorrectly
I'm making a modal with bootstrap.
I'm new to Web Engineering and need some help.
My modal is supposed to have two dynamic tabs, one for Sign In, and one for Sign Up. I wanted to use two concepts in ...
0
votes
2answers
181 views
customize alert box angularjs
I have a login form I make a test if the username & password invalid I want showed in sweet alert
this is my code :
else {
alert('login & password invalid')
var path = "...
0
votes
1answer
180 views
Angular ui bootstrap - Not able to inject resolve function
I have a button on click of that i have to open a popup. This is my configuration for opening modal :
var uibModalInstance = $uibModal.open({
animation: true,
...
0
votes
1answer
177 views
UI-TAB SET == Active tab on button click
I am working on a front end developement. I have tabs and these tabs are developed using "UI=TABSET"
So My question is , Lets assume i have 2 tabs.. tab1 and tab2. Firstly am on tab1..under tab there ...
0
votes
0answers
52 views
How can I override mouseleave event of uibootstrapper for popover or tooltip in angular js?
How can I override mouseleave event of uibootstrapper for popover or tooltip in angular js?
0
votes
1answer
182 views
Include Angular 2 webpack with third party libraries
I have created a small project using some third party libraries like Bootstrap, jQuery, ng2-oauth2, Wijmo, and etc. I decided to bundle my project by using webpack. Can anyone help me to how to ...
0
votes
1answer
55 views
Do I need a jQuery to use the ng2-bootstrap Date_picker?
I using angular.
I using ng2-bootstrap.
I want to use a Data_picker.
I do not want jQuery to use it.
Can I use the data picker without jQuery?
Is there a sample somewhere?
1
vote
0answers
21 views
How does the transition from one page to another work in http://nptel.ac.in/course.php site?
after clicking on page 2 it shows the further results? where are these results stored before on how does this work?
here it the website (http://nptel.ac.in/course.php)
0
votes
0answers
286 views
Angular UI Bootstrap Dropdown: Auto scroll to the selected value on open
I have a bootstrap dropdown menu with values from 0 to 50. When I open the page with a value saved - let's say 25 and click the dropdown the values shown in the dropdown are 0 1 2.... It should have ...
0
votes
1answer
87 views
Use multiselect dropsown with checkbox
I got many jQuery plugin, but when I tried in my bootstrap project , it is not working. Could you please suggest me Bootstrap multiselect drop-down with checkbox in JSP examples with source code.
I ...
-1
votes
1answer
210 views
How to make a selected link active
I can get to show a selected link, but when I click somewhere in the page, the highlight disappears. I'm also struggling to get the highlight to edges like the hover.
I've attached a piece of code ...
1
vote
2answers
934 views
Week picker with Ui-bootstrap
I am using this week picker, and it is working fine, but i want
little more to be done with this, like when i select a week, all the
dates in between range should be selected and ...
1
vote
0answers
88 views
How to adjust the bootstrap popover arrow dynamically in javascript?
Here is the implementation in jquery
https://jsfiddle.net/Sydney_o9/66uqd12s/7/
In this they are adding the class to the popover dynamically in jquery:
$("#my-button").popover({
html : true,
...
0
votes
1answer
125 views
expand video on hover
I'm trying to get a video to expand on hover but it's not working and I'm at my wit's end.
(using Dreameaver CC 2015 w/ bootstrap)
$("#wd1").mouseenter(function() {
vid = document....
1
vote
0answers
236 views
Angularjs version 1.5 fails when I load jQuery
I use jquery-2.0.3.min.js and js/angularjs 1.6.1 from https://angularjs.org
It works OK.
Now I wanted to add ui bootstrap (http://angular-ui.github.io/bootstrap/).
But when I load it i get and error ...
0
votes
0answers
26 views
validation not retaining when switching views
I am using AngularJS and Bootstrap validator. I have created 2 views. In the first view I have a few controls and a submit button. In the second view I am showing a dashboard view of the submitted ...
0
votes
2answers
288 views
Close all dialog boxes in angular.js with bootstrap
I have an example in which a dialog box is generated, by clicking on the "show modal" button, here the dialog box is loaded, then if I click on the button of this modal called "open other modal", the ...
0
votes
0answers
135 views
When is main.min,js file created in Visual Studio 2015
I use Visual Studio 2015 along with Angular, bootstrap and jquery in my clients MVC and Web API based applications.
I noticed that the minified file is created named main.min.js. This file contains ...
2
votes
1answer
2k views
Bootstrap 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.
2
votes
0answers
398 views
Dynamic Bootstrap Carousel 3 items as Active
I am trying to create a dynamic carousel in angular js and would like to have 3 items in each slide. the issue is that the first 3 items should be wrapped around the "active" class and all the next ...
0
votes
2answers
64 views
AngularJs - getting undefined object when passing parameters through ui-sref
Hi I am very new to angularjs and here is my code
html
<table ng-table="tctrl.tableEdit" class="table table-striped table-vmiddle" show-filter="true">
<tr ng-repeat="w in $data" ng-class=...
0
votes
1answer
38 views
Web content not loading until it is brought into view even though the page loaded already
I am new to angular and creating a site. When I am on this page http://metrotennis.com/raymond/#/usta/brooklyn on mobile, trying to scroll down the page, the content will not load until the content is ...
0
votes
0answers
180 views
For tablet, ui-bootstrap datepicker pop-up not closing after date selected
<input type="text" id="datepickerId" class="form-control datepicker" placeholder="Select date" required name="StartDate" server-validate="parameters.Start"
uib-datepicker-popup="yyyy/MM/dd"
...
1
vote
1answer
49 views
Angular validation on input button
I have a fieldset that requires the user to enter some data like name, emai land phone number like this:
<h2 class="fs-title">Personal data</h2>
<input type="text" name=...
1
vote
0answers
376 views
Loading JS files in Angular JS modal pop-up(UibModal)
Below is my js function to load modal popup.
$http.post(FRONT_URL+"/processGetPostContent", dataToPost)
.success(function (response) {
$uibModal.open({
templateUrl:...
2
votes
1answer
213 views
Make multiple collapse using ui.bootstrap and AngularJS
I'm trying to make ui bootstrap collapse. When I'm using static single or double collapse system, its working fine, but for my design I'm using ng-repeat to create collapse, so I have no idea how to ...
0
votes
2answers
886 views
AngularJS - ui-bootstrap pagination. Hide buttons on single page
I am using ui-bootstrap pagination and I want to hide the pagination controls when all the results are contained on a single page. As you can see in the picture below there is only one page and the ...
6
votes
1answer
2k views
AngularJS / ui-bootstrap accordion - scroll to top of active (open) accordion on click
When a panel is opened I need to have it scroll back to the ".panel-title" of the one that was just clicked. I know that I can create a directive to do this such as (got this from this site):
....
6
votes
1answer
548 views
Angular Js ui.bootstrap tabs customization
I am using angular js ui.bootstrap in my project and I want to add tabs using ui bootstrap. I am using ui.bootstrap directive for tabs. But there is no ul li content inside that angular ui bootstrap ...
0
votes
2answers
177 views
AngularJS - ui-bootstrap pagination error
Im getting an error with ui-bootstrap pagination Unknown provider: startFromFilterProvider
Here is my controller code:
function observedCars($scope, $http, API, CarDetailService, $state) {
$http....
0
votes
4answers
43 views
AngularJS Promise called from modal causes error
I'm currently trying to create some kind of modal dialog in AngularJS to Login a User. Therefore I created a small example using the template on the official ui-bootstrap page. To authentication the ...
0
votes
1answer
471 views
Dimple.js Update chart when select dropdown criteria
I am newbie with D3.js and dimple. I have been working on Dimple.js charts for few weeks now. Until now, dimple worked great for me. I am working on creating filtering criteria for my chart. So I used ...
