Tagged Questions
0
votes
0answers
23 views
AngularJS Controller resetting $scope variables after setting
I am trying to implement a simple datepicker using the akveo AngularJS project.
When I change my date,I am setting a $scope variable from on-change function. When I debug, I can see that the correct ...
1
vote
1answer
16 views
Ui Bootstrap (angularjs) sidenav doesn't work as intended
I have a problem with a sidenav which I'm trying to create for one of my projects. My intention is to create a side menu which pushes the content to the right when is opened and when closed the ...
0
votes
4answers
113 views
How to add bootstrap in angular 6 project? [duplicate]
app.component.html
index.html
app.component.ts
I have tried to add styles dependency in angular.json package but showing that the module not found. adding two of the bootstrap files.
here is the ...
0
votes
0answers
23 views
Angular-ui-bootstrap ng-change when selected, add new entry, show list when focused
copied from an answer.
Below I have a working example of autofill textfield, I have to enable some customization on it.
I want to do following things on it:
Generate event ng-change when a list ...
0
votes
2answers
32 views
How to display logo and navbar in single row using angular?
Can anyone help me to position the logo and navbar???
I am trying to put the "logo" inside the div(to the left side) and "navbar" (to the right side) like this in the image shown but even though i ...
0
votes
1answer
20 views
Dynamic Column css Based On Window Size AngularJs
This may be answered somewhere, but I am unsure of exact terminology as I am new to web development. I am working with a mean.js app and I have a a container that I am filling:
<div class="...
-1
votes
2answers
46 views
Too big DIV - width on desktop is too big
I have update yii vendors and now have problem (before everything was ok). Check this on mobile everything is ok but on desktop this second grey box div is too big
<div class="box-header box-...
1
vote
0answers
29 views
How to paginate through JSON object using UI bootstrap and angular Js 1 resource?
Pagination through JSON Object Using Angular Js 1 and Bootstrap UI
May someone help me on how to paginate through json object with proper bootstrap displays and and uib-pagination paging ...
1
vote
1answer
37 views
ng-blur with uib-typeahead (ui-bootstrap)
<div class="form-group">
<label for="Skill1">Skill</label>
<input type="text"
ng-model="vm.skill1"
name="skill1"
uib-typeahead="skill for ...
0
votes
0answers
27 views
Make tab heading a link that loads an html page
I'd like to make the tabs in my tabset load different pages. I want the tab headings to be links to these pages as part of a single page application.But clicking on the tabs doesn't load these pages. ...
0
votes
2answers
44 views
Angularjs html not taking bootstrap
i am trying to learn AngularJS .i am not getting any bootstrap themes on my web application:
Below is the html code for the header that i am trying :
<nav class="navbar navbar-default">
&...
0
votes
0answers
14 views
Bootstrap tab spacing
I'm trying to get the tables found on the application I am working on.
The issue I'm having with is that I would like to have the background of the tab to match the table. My code for the following ...
0
votes
0answers
19 views
Why date input of angularjs allows 32 as any months day. and how i can restrict it to 31.I am using angular 1.6
also its allowing 201818-12-12 as input. i mean more than 4 digits of year .
Using angular validation for this code snippet. please help to verify this why its taking 2018-03-32 as input
angular ...
0
votes
0answers
42 views
How to achieve these bootstrap tabs
Asked a question prior regarding bootstrap tabs, however, I would still like to meet the same looks which can be found on this: http://beyondadmin-v1.6.0.s3-website-us-east-1.amazonaws.com/profile....
0
votes
1answer
21 views
how do i iterate through object parameters such that certain object parameters are displayed inline in a panel block using bootstrap
this is my json data:
{
"roleID": 1,
"roleName": "Admin",
"active": true,
"module": [
{
"moduleID": 6,
"moduleDescription": "Application",
"...
3
votes
1answer
63 views
html angular table - pivot-like display
Can someone help me figure out how to accomplish the following in html/angular/bootstrap?
I have data like the following:
On my page, I would like to display it this way:
0
votes
1answer
20 views
Why bootstrap uib dropdown won't work with the select element
When I run my angularJS (ver 1.4.9) app without the uib-.. directives, the select works but displays the items already open and the button does nothing.
It won't integrate with the dropdown menu ...
2
votes
3answers
59 views
Bootstrap Checkbox Switch Background color issue during disable
These bootstrap checkboxes are without disable:
These bootstrap checkboxes are disabled:
During Disable state it changes background color but I don't want to change background color i want as it is ...
0
votes
5answers
80 views
Remove border of one cell in Bootstrap Table
I'd like to remove the border of just one cell in a bootstrap table. I've tried putting an id on that particular cell and in my css putting:
#borderless-cell { border: 0; }
This doesn't seem to ...
0
votes
1answer
90 views
Dynamic Dropdown in Angularjs with delete function
I am trying to implement a dynamic dropdown which I intend to look like Image.
jsfiddle
function HelloCntl($scope) {
$scope.friends = [
{id:1,name: 'John'},
{id:2,name: ...
0
votes
0answers
44 views
How can I align my angular-bootstrap div to the right and its contents to the left?
I want my table entries (key and values) to be aligned properly in the right pane of the page. The keys should be left justified and the values should also be left justified:
.supp-det {
border-...
0
votes
2answers
27 views
Disable values in dropdown button
I have some values in a dropdown list but I want to disable some of them.
Here I found a solution like if we add disabled style to <a> it will be disabled. I tried same for dropdown element B ...
0
votes
1answer
137 views
How to get distinct values from JSON object property for dropdown options using ng-options and use it as a filter?
I am trying to make a multiple selection list with a dropdown above it as a filter. The value of the dropdown above contains the department name that will then display its employees in the list below ...
0
votes
1answer
96 views
Expand one and collapse all using bootstrap in angular template
I have one table where each row has a button and on click it will expand and show some data that is calculated in my component but problem is on button click it is keeping other button expanded and ...
0
votes
1answer
220 views
Uncaught TypeError: Cannot read property 'stop' of null
Creating a Website using Angular 5 and Bootstrap 4. I am using the stack-admin-2.1 template from Pixinvent: https://pixinvent.com/stack-responsive-bootstrap-4-admin-template/angular-starter-kit/ltr/...
0
votes
0answers
39 views
Angular Bootstrap dropdown not attaching color
This is happening when I run the Navbar example from bootstrap, it is a dropdown, the other buttons are working well.
<!-- Dropdown -->
<li class="nav-item dropdown" dropdown>
...
0
votes
2answers
51 views
Adding css style to button while popover is open. Remove it when it closes
Im trying to use an fa-cog as a button that opens a popover in AngularJS using Angular UI. I realise this is possible using js/jQuery, but I am looking for a css/html solution.
HTML:
<span
...
0
votes
0answers
19 views
angular js Bootstrap not working with multiple rows and columns
I am making a basic blackjack game with angularjs and using bootstrap for the layout however I cannot seem to make it work.
What I want is a heading across the top, the content of the game in the ...
1
vote
1answer
121 views
Print a two-dimensional array into a table in AngularJS
I have a two-dimensional array received from controller which I can access in html like this: $ctrl.myTable.
All sub-arrays have the same length but there can a changeable number of sub-arrays.
It ...
0
votes
2answers
40 views
Overriding bootstrap styles, not working
I'm trying to make a simple CSS file to make my app look decently, but I have a problem with it
<div class='container-fluid'>
<div id="nav">
<div class='col-sm-6' align="center"...
-4
votes
2answers
23 views
Position elements on webpage via CSS or Bootstrap
What is the best way or how do I position elements as shown in the diagram on a webpage to look like this. I tried absolute positioning but I dont know if that would work in a responsive environment ...
1
vote
1answer
38 views
Double popover window bug
When ever I click the button that enables the popover window, it works as it should, but when I click another button to show the popover menu for a different account, the first menu does not dissapear,...
0
votes
2answers
74 views
add a Toggle effect with a duration on div for collapse/animation
I want to add an animation/transition on height 0 - auto on a div. I want to make a toggle effect on click. I have built it but the problem is I want to show div in beginning as soon as it displays, ...
0
votes
1answer
30 views
Max-width on outer <td> not applying to inner span
When I hover over the table cell, it should show the Angular Bootstrap popover next to the text upon over. However, the 'span' element is still its full width.
<td style="max-width: 50px; text-...
1
vote
1answer
140 views
How to pass html markup to ui bootstrap modal?
I have many modal sources in separated htmls.
And I don't wanna make each html of modals.
In this case how can I pass my html code of modal into ui-bootstrap?
How to pass HTML markup in UI ...
1
vote
2answers
377 views
Angular UI Tab - separate tab-content and tab-header
I faced with a problem during try to use uib-tabset plugin, Ok that plugin working correctly, but i need use it in specific thing.
Question: How can I separate Tabs header from the tab content.
...
0
votes
0answers
53 views
I want to hide my navbar when click on in mobile response page
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-...
0
votes
1answer
78 views
Fill value in box on click of a button from a text file
I have the below box to fill up the information :
I have the below code to create the above box :
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></...
0
votes
1answer
24 views
I created a custom template for uib modal but when I start the server, the html file is not served
I created a template for a uib modal like so
var instance = $uibModal.open({
templateUrl: 'someDir/someTemplate.html',
controller: 'someController'
});
someTemplate.html does not get ...
0
votes
0answers
144 views
UI-Bootstrap pagination not rendering
I have no idea why the pagination is not rendering. When I use normal bootstrap pagination it works but not with ui-pagination. Need help. Don't worry about me not calling the ui.bootstrap module as i'...
0
votes
0answers
42 views
Using html code in uib-typeahead
Is there anyway that can allow me to use html code inside uib-typahead? For now, my uib-typeahead displaying the html tag on the data when the mouse hover on it.
0
votes
1answer
284 views
Make an input add-on button as a file attachment button in angularJs
I am trying to make an input add-on button as a file attachment button in angularJs. The html code shows the button "Add File" which when clicked must open a file browse window and behaves same as .
...
0
votes
0answers
123 views
Bootstrap 3.3.7 Carousel navigation buttons not working
I am using Angular4 for my project, and want to include Bootstrap Carousel. I am using Bootstrap 3.3.7. Navigation buttons that should change image to the left and right not working properly. Instead ...
0
votes
0answers
217 views
How to set time pop-up in the angular ui bootstrap datepicker pop-up?
I am implementing date picker from https://angular-ui.github.io/bootstrap/. So it is working fine with date selector. we can check this working plnkr https://plnkr.co/edit/?p=preview. I want to add ...
1
vote
2answers
74 views
Divs inside panel displaying inline
In my angular app I have a bootstrap 'panel-body' class that features the two divs below which each wrap components that are user input fields. For some reason these divs are rendering inline as ...
0
votes
1answer
443 views
Angular2 select-option dropdown dynamic loading on HTML page load
I have a HTML page where I am using 2 select - option drop-down I want to fill the second drop-down on the basis of what is selected in the first drop-down.
Actually there are 2 drop-downs I have ...
1
vote
0answers
39 views
Stop Padding right from decreasing when window size decreases
I have two div.
Inner div contains a table.
When the browser is maximized there is an equal padding on left and right.
When the window size is decreased, after one point, right padding starts ...
0
votes
1answer
22 views
Angular with Bootstrap - getting redundant horiz scrollbar
I'm working on an application in Angular. One of my components has the following template HTML:
<div class="panel panel-primary">
<div class="panel-heading">Info</div>
<...
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
1answer
369 views
CSS: Bottom-Centering a bootstrap pagination element
Ok so I have an angular app that uses embedded views. Not sure if it matters but I replaced all of the embeds with what it would actually look like if it were a normal html file. Anyways I am trying ...
