CSS After HTML Loads

-

I have been trying to apply CSS on element (A)'s child element(B). 

But the problem is making your custom A.css with the target of B.html, your changes are overwritten by B.css that are not in your control.

No problem!

Use your Dev skills to identify the elements target location that we need in the next stage like this:

Target HTML page:


Console:


You can see in the last step we are able to achieve it on first tag <div> of first <th> tag. And it looks something like this

document.getElementsByTagName('th')[0].getElementsByTagName('div')[0].setAttribute('style','color:red;');


Now let us look at the steps needed in A.component.ts file:

We will use ViewChild Decorator - https://blog.angular-university.io/angular-viewchild/

Renderer -


Comments

Post a Comment

Popular posts from this blog

Angular Pie Chart

-
Image
To start implementing, visit the below link:  https://www.npmjs.com/package/ng2-charts/v/3.0.0-rc.2 and follow the instructions it mentions, going with the flow I will show you how it impacts your projects File structure: You can install ng2-charts using npm npm install ng2-charts@next --save Effect: Two folders gets added to node_modules You need to install and include Chart.js library in your application (it is a peer dependency of this library) (more info can be found in the official chart.js documentation) npm install chart.js --save API Import import { ChartsModule } from 'ng2-charts'; // In your App's module: imports: [    ChartsModule ] Chart types There is one directive for all chart types: baseChart, and there are 8 types of charts: line, bar, radar, pie, polarArea, doughnut, bubble and scatter.  
Read more

Spring Boot Export Data to Excel Example

-
Image
  Exporting data to Excel documents is a common feature of almost any applications. Through this article, I’m very glad to share with you guys my experience in implementing Excel export function in a Spring Boot application with the help of Apache POI Excel library. Suppose that we have an existing Spring Boot project using Spring Data JPA and Hibernate to access data, Thymeleaf to render the view and MySQL as the database. The code examples below demonstrate how to retrieve information about users from the database, and generate an Excel file which the users can download onto their computers.   1. Code of Entity Classes and Repositories Interfaces We have the  User   entity class that maps to the  users  table in the database, as shown below: And the  Role   entity class that maps to the  roles  table in the database: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 package com.vishesh ;   import javax.persistence.*;   @Entity @Tab...
Read more