All Questions
129 questions
0
votes
0
answers
129
views
Prevent all the styles from Styles.css in angular 6 components
I have a special scenario to solve. There is an existing angular 6 application where few of the html tags are overridden in Styles.css (Eg: Button, H1, p, etc - I do understand it's not recommended). ...
0
votes
1
answer
223
views
How to have a component without inherited css in Angular 6
I have a project that uses Angular 6 and Bootstrap, and now, i need to create only one page that can be responsive for use in mobile devices. So, i need to create this page/component without any css ...
0
votes
2
answers
1k
views
How can i place edit icon and data in one <td> in mat table
I am new in Angular. this is my main table(its wireframe)
when i click on pencil icon it should look like this:
but i am not getting the output like this. i have tried this
stackblitz url: https://...
0
votes
0
answers
237
views
Accessing Styles from outside angular project
I am working on an angular project, where I am having my all the CSS files under "styles" folder. Styles configuration in angular.json is as follows:
"styles": [
"...
0
votes
2
answers
1k
views
How to change the cursor on an image on mouse move
In an Angular 7 application, I'm trying to implement left and right arrows for an image slideshow. If the mouse is hovered on the left half of the image, it should show a left arrow, and a right arrow ...
0
votes
1
answer
665
views
Angular 6 bootstrap 4 - navbar brand logo not change in scroll down
Im added my angular 6 project for he bootstrap 4 and Im created the navbar navbar is working good, but i have some conflict im tried to change when the scroll down change the navbar logo , but i don't ...
0
votes
0
answers
84
views
CSSStyleDeclaration Error while rendering UI on angular6
Wherever on the html page [ngStyle]="selType[i]" (ngStyle refers to a function call), it is erroring out.The version of chrome being used is Version 78.0.3904.97 (Official Build) (64-bit).
The same ...
1
vote
1
answer
2k
views
Is there a way to highlight the clicked mat-grid-tile? When each mat-grid-tile is dynamically generated
I'm dynamically showing mat-grid-tile in a mat-grid-list in the UI whose number and data vary as to their values change in the back end. They're dynamically generated. A Click on anyone mat-grid-tile ...
0
votes
2
answers
2k
views
Is there a way to highlight the clicked mat-tab? When each mat-tab is dynamically generated
I'm dynamically showing mat-tabs in the UI whose number and data varies as their values changes in the back end. They're dynamically generated. A Click on any one mat-tab invokes a function and passes ...
6
votes
2
answers
3k
views
Import sass/css file to all Angular components
In my file var.sass I define the variable $black. I would like to use that variable in ALL of my components.sass files. To do so, do i need to write @import in every file or is there any better ...
0
votes
1
answer
1k
views
Angular6: How to add border color to checkbox
I am trying to add border red on an unchecked condition for checkboxes but not working. It is based on .ng-touched.ng-invalid this class name. If it is not selected from the checkboxes then it should ...
0
votes
2
answers
2k
views
Unable to render data with CSS on print preview page using Angular 6 Type script
I want to print user tickets.
for this, my print ticket size will be width: 2.1 and Length: 3.9.
I'm able to render the data on print preview page but I have an issue to apply CSS to the print preview ...
1
vote
2
answers
3k
views
Angular material: datepicker highlighting weekends
I would like to highlight weekends (Saturday and Sunday) on the datepicker.
I have tried readapting the lockedweekendfilter that uses boolean for day position 0 (Sunday) and position 6 (Saturday). ...
0
votes
1
answer
143
views
adjust multiple div display in parent div
I have a div parent which contains multiple child divs but when it contains so many children I can't see all children because they stay in a single row, without do adjust into the column.
Here is my ...
0
votes
1
answer
58
views
I have to set layout of print. material exceed from A4 page
I made chalan format with 3 copies and wanted to print on same page right now 2 copies print correctly but 3rd one is not display on page.
Here is a screenshot: