Tagged Questions
2
votes
4answers
63 views
disable a button if json is empty
i need disable a button using css or angular, but it has to be according to the json, i mean if book.BookGanga is empty then the button has to be disabled, if book.BookGanga is not empty then the ...
0
votes
0answers
32 views
AngularJS datepicker layout
I'm working on the AngularJS datepicker. Its working fine but the layout of the input box is not right. I'm unable to rectify it. Here is the code snippet from my HTML page:
<div class="form-...
1
vote
1answer
43 views
CSS content attr() is set, but not showing
I'm trying mo make a badge counter with CSS and AngularJS in my web shop. I have a directive in Angular that adds or removes attribute to HTML element that implements 'badgeDirective'. Like this:
...
0
votes
1answer
32 views
Apply color code from AngularJS file to sass
Based on login I'll get the color code and I'm storing it in localstorage and getting it throughout application. But challenging thing is I've to replace the color code in sass file.
$Primary-color:#...
0
votes
1answer
14 views
Protractor - Having an issue getting menu elements
I'm trying to get different menu items to test the links, I've figured out how to do this with a dropdown, but just a general navbar is giving me issues. Here is the protractor code I'm trying to use
...
0
votes
2answers
32 views
How do I check and alert for duplicates being inserted into my table?
For each make and model added via the "add" button, I need to check for a duplicate, set an alert if there is a duplicate and not let it add to the table. Cannot seem to find the solution...
Below is ...
0
votes
0answers
14 views
css equivalent of WPF data template binding
I have a collection of objects in JS with a name and two boolean fields, which looks like the following.
{
"Name": "testname",
"ReadAccess": true,
"WriteAccess": false
}
I keep these in ...
0
votes
0answers
9 views
How to make D3 bar graph responsive? [duplicate]
Following is the code for bar chart using angular diretive. How to make it responsive? Fiddle link, https://jsfiddle.net/VinD/8gwyoeko/1/
though the chart is not loading (don't know what is the issue,...
0
votes
1answer
15 views
Smooch when closed, modified the bottom of my html page
This is how the page looks like in Chrome, when smooch is closed:
https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/ByURnsF2qd3laSO/upload.png
As you can see. the bottom of the page is fixed, ...
0
votes
1answer
36 views
Hide tooltip with message “This is a required field” of an input tag in HTML
I am working on some forms with angular material.
All the required messages are attached to the input elements and they're coming from angular material with immediate validation when the user types ...
0
votes
0answers
24 views
Flex container fill viewport height, but minimum height of content
this is basically for a header of a page, the client wants to fill the header so that it fills the viewport completely, but when you shrink the page down vertically, they want the padding above and ...
0
votes
0answers
55 views
Complex ng-repeat Table
I have an issue creating an array of Tables from a nested array. Here is some JSON data that I want to use to create the table.
{
"project": {
"id": "6",
"name": "Project 1",
},
"...
0
votes
1answer
29 views
Angular Material - Removing Whitespaces
As you can see on this snippet where Angular Material is not injected, the <div> tag inherits the background color of the body.
angular.module("Test", []);
<link rel="stylesheet" href="...
0
votes
2answers
34 views
dynamic bootstrap progress bar in angularJS
I am creating a web app in which i want to show progress bar depend on the data from my sql server,
for example i am getting my data like(40) in my progress bar width of my progress bar sould be 40% ...
1
vote
0answers
30 views
How to make dice not overlap when being thrown?
I'm making a mobile app, and a part of it is being able to throw dice.
I'm working with Ionic as mobile framework and using angular and jquery to make the dice roll. The problem is when i roll ...
0
votes
0answers
27 views
Multi sites using the same code different theme color and logo
I will be using the same angular application for many sites, the only difference is going to be the color of the CSS and the logo. Therefore I decided to use LESS to declare a variable as a color of ...
0
votes
0answers
17 views
Screen flicker in ng-repeat
My AngularJS/Material app seems to flicker on an iPad, IE and Firefox where I've implemented an image slider on a timer by following this link, which happens when the image is changed in the slider ...
0
votes
1answer
19 views
angular material placeholders and input/textarea style
I want to use angular material for contact form but I have problem to change styles of input fields and placeholders or labels when is not on focus. I made codepen and if you look there placeholders ...
0
votes
2answers
23 views
Angular material md-select - cant open the box with selected user
Hi the selectbox is show the selected item but i cant open the dropdown at all
I am using form in the mdpanel
its not working in dialog on mdpanel
how can i fix it
i need form with edit user and ...
1
vote
1answer
33 views
How do I prevent html element from being pushed down when dragging an element over?
I'm writing an angular directive using HTML Drag & Drop API. The directive works fine however it adds up an empty space between the elements when dragging an element over the other.
For instance:...
-2
votes
0answers
12 views
Scroll to bottom arrow should get changed to up once reaches to bottom,similar to “about gmail page” angular js,css,html
Need to have Scroll to bottom and scroll to top action along with up arrow down arrow in the web page, arrow gets reversed, changes direction to up once reaches to bottom when we click on scroll icon....
0
votes
1answer
42 views
Setting type of ng-animate CSS animation on click
Im trying to implement something where clicking on a link or button will implement a given CSS transition depending on which button was clicked.
For example, perhaps I click on a nav link to a login ...
0
votes
0answers
32 views
Accordion div inside each tr of a html table using ng-repeat
I have a scenario where I need to make all tr of a html table as an accordion. where the collapse pane should be a div which needs to be present below each tr. I have to use ng-repeat on tr to ...
-1
votes
0answers
22 views
Dynamic Form Layout with AngularJS and Bootstrap
I've been researching this issue for about 8 hours now and have come up with nothing.
I have an application that will ONLY be used on a desktop. Inside that app, I have a div that has a width of ...
0
votes
0answers
16 views
angularjs modal service scroll to bottom inside the modal
I am using this scrolling example inside my angular-modal-service which is an example of this package.
Here is my jsfiddle example, after hours of trying to reproduce the same behaviour that is my ...
0
votes
0answers
25 views
column alignment is mismatched when word wrap is used
I am working on angularjs ui-grid. I have a description column in the UI grid where users can enter the text.
I don't want to show elipsis when the text is too long to show in the column instead i ...
-1
votes
0answers
31 views
How fix a multi-dropdown menu?
i did this example, just copied and use it, but is not working. i'm using angularJS 2 and bootstrap. I don't know what's is going on cuz made that weird effect, all that white part is clickable i dont ...
-1
votes
1answer
26 views
Legend text background change on mouse-hover over d3 doughnut chart
I have one doughnut chart whose values display on mouse-hover. But, I want to change the legend text background while hovering over the respective doughnut chart area.
return {
restrict: 'E',
...
0
votes
1answer
65 views
CSS: Tooltip shown with distanse from parent on list scroll
I have a table inside li tag, and I want to show description on :hover inside td. For some reason when scrolling the list, the description content start to appear with distance from its parent.
I ...
1
vote
1answer
28 views
Is it possible to click an absolutely positioned psuedo element in Protractor
I have an ng-click element that has no height of width but is still clickable using the UI since it has an absolutely positioned :before element inside of it (an icon). If I try to click the element ...
0
votes
0answers
15 views
Bootstrap Affix - Dynamic Offset
I'm using Angularstrap to set a fixed element when scrolling. Everything works fine with a static 'data-offset-top="250"' attribute, but I have an element above the affixed element and need a dynamic ...
0
votes
0answers
22 views
HTML / CSS Fixed Header Scrollable Table (Overflow Scroll) How to place overlay with spotlight in table but make table overlay cover entire screen
I have a fixed header scrollable (overflow: scroll) table that has a nested overlay specified in a single table cell of the table.
How do I make the z-index of the overlay (semi transparent, opaque) ...
0
votes
1answer
19 views
paper-sliders from Polymer I want to change the axes for draging
I have the following problem:
I`m using with angular 2 the polymer library, more precise paper-slider.
I had to put my slider from css from horizontal position to vertical. The problem is that now ...
0
votes
1answer
32 views
How can I change the color of angularjs spinners
I'm currently working on angularjs application and have integrated angularjs spinner. I have also successfully overridden some of angularjs spin-kit css to make the spinner that I'm using to appear ...
0
votes
1answer
36 views
Pass a class name in AngularJS with ng-class
I have:
<tr ng-class="{{line.color}}" ng-repeat="line in gameRank | orderBy: sortType: sortReverse">
<td>{{$index + 1}}</td>
<td>{{line.username}}</td>
<...
-1
votes
0answers
31 views
Footer bar not appearing Bootstrap 3/AngularJS
hello there everyone,
my code is as follows:
<div ng-include="'templates/header.html'" class="ng-scope"><div>
<div ng-view></div>
<div ng-include="'...
0
votes
0answers
38 views
How to create wipe transition
I want to create animation where first image wipe from left to right then second image appear from left to right?
Like when the first image in done with the animation completely wiped from the screen ...
0
votes
0answers
34 views
ng-data-show not working properly with ui-select
If I use data-ng-show inside ui-select the input box takes width of 10px which is the inline style for that input box but if I remove the data-ng-show it works fine.
Why is it so? Is there any other ...
0
votes
2answers
32 views
ng-clss Token '.' is unexpected, expecting [:]
I'm trying to use ng-class inside ng-repeat,
<div data-ng-repeat='item in rows'>
<div class="repeat" data-ng-class="{ item.parent? 'parent': 'child'}">
...
</div>
</div
...
0
votes
0answers
35 views
Dynamically passing colours to angular 2
my data feed passes colours and other CSS variables to angular:
id: '6',
name:'Leadership & Management',
slug:'leadership-and-management',
courses_total:'5',
image: '/course-images/diploma-...
0
votes
2answers
47 views
alignment of div's one below the other is failing
I have multiple angularJS UI grids on my page. After the UI grids are displayed I need to show some more details, which are kept in the divs which need to be displayed below the grids.
Click here for ...
0
votes
0answers
30 views
Why this text input doesn't work on iOS?
I have a bootstrap dropdown menu combined with a text input field that acts as an Angular filter. The code looks like this:
<form name="searchForm" role="form" data-ng-submit="goSearch()">
&...
1
vote
1answer
25 views
Why is the angular form validation applying incorrect CSS styles?
I need help understanding form validation with angularjs 1.5.
I have a form with a First Name field which is required. The Last Name is NOT required. When I click in Last Name and then don't type ...
1
vote
3answers
27 views
How do I change my button color and text in Ionic Framework?
So far I have the color change working but I need the text too.
HTML:
<div ng-controller="ButtonCtrl" class="padding">
<button class="button button-block" ng-click="button.clicked=!button....
0
votes
1answer
30 views
How to isolate javascript and css of a popup from the parent page?
Problem: when I open a modal popup page containing javascript and css, both reflects on the parent page, making a mess. I use angularjs and open the modal like this:
var modalInstance = $modal.open({
...
1
vote
1answer
36 views
Horizontal scroll in md-list
I have a md-list, where each item in the list can be of any horizontal length:
As can be seen, long items are getting cut from the right side.
I'm using the following code:
<md-list-item ng-...
0
votes
2answers
37 views
How to animate to unknown height in Angular?
I have a code, which looks like this:
<div ng-repeat="row in rows" class="my">
<img ng-src="{{row.pictureUrl}}">
{{row.text}}
</div>
The current implementation looks like this (...
0
votes
3answers
33 views
How to fix “Warning: Unknown props `change-background`, `colorcode` on <div> tag. Remove these props from the element” error?
I'm having problems with loading a page that has been packed with Webpack. Im using React to render the page HTML. When I open my html in my web browser, it gives me the following error:
Warning: ...
0
votes
1answer
35 views
Absolutely positioned element with greatest z-index does not have visible overflow
I am making a complex website with a vertically scrollable fixed position sidebar. The sidebar contains icons that display tooltips on hover. The tooltips horizontally overflow their sidebar container,...
1
vote
1answer
67 views
how to hide website assets such as js and css files?
I came across the following index.html page in which i didn't find any custom assets, such as js and css files. The assets path is as follows
I am not able to find where we have included assets/css/...
