I'm having trouble figuring out what went wrong. I'm not sure if PrimeNG is supposed to change the default font automatically, or if I need to do it manually. In the CSS file, I have this line: "--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;", but in the browser, I'm only seeing Times New Roman.
Here are the styles from my angular.json file: styles in angular.json
Dealing with the same issue myself recently. After some research, I came across a solution outlined here. It appears that the font is not being applied to the body element, but you can rectify this by adding the following snippet to your styles.scss:
body {
background-color: var(--main-background);
font-family: var(--custom-font);
color: var(--text-color);
}
After generating my project with angular-cli, creating a new Java maven project, and copying the dist/ folder content into my java project webapp/ folder, I encountered an issue. When attempting to access "http://localhost:8080/hsmt-front/", I consistently ...
Greetings everyone, I'm looking for guidance on removing the text field content once I click submit. I have a button labeled "senden" and my goal is to clear the text fields and uncheck the checkbox after clicking this button. I've attempted se ...
Here is a structured example of my HTML and CSS: <div class="grandparent"> <div class="row">...</div> <div class="absolute-parent"> <div class="absolute-child">...</div> ...
In my current setup, I have 2 distinct Angular projects. To build each project, I execute the following CLI command: ng build --prod --output-hashing=none Following this command, the build process generates the below files for each project: runtime.js ...
How can I retrieve the version from my package.json file in Angular 5 project? I am using Angular-Cli: 1.6.7 and npm 5.6.0 Here is a snippet from my enviroment.ts file: export const enviroment = { VERSION: require('../package.json').versio ...
I'm struggling to center and make my image responsive without causing text overlap. How can I resolve this issue? Check out the problem here div.shadow { position: absolute; max-width: 45%; max-height: 45%; top: 50%; left:50%; ...
Currently, I am facing an issue while working on my Angular 4 application. I have noticed that I need to use this.changeDetectorRef.detectChanges(); to update the view whenever there is a change in the model. This requirement arises in scenarios like pagin ...
I'm currently facing an issue with my chart component in a view. I've been trying to reduce its size using max-width property but it doesn't seem to be working. Below are the relevant code snippets: <div id="chart"> < ...
I am currently working on an application that implements lazy loading at various levels. The root path '/' is initially handled by the main app.routes and then redirected to a lazy loaded module. Within this module, there exists a sub-module-1 wi ...
Recently, I've been developing a web project that requires a gallery with a slider below it. To tackle this issue, I have utilized the following JavaScript code within a forEach(element) function: var divnumber = Array.from(element.parentNode.childre ...
I have exhausted all the methods I could find on stackoverflow and Google, but my SVG is refusing to resize. Would someone kindly shed some light on why this might be happening? <div> <svg viewBox="32 32 32 32" height="100" width="100"> ...
What I'm creating: I am currently working on a self-service kiosk for walk-in IT assistance. Current project component: Developing an Active Directory search feature where users can swipe their ID card to filter and retrieve their name and username. ...
Learning how to use js modules as a beginner has been quite the challenge for me. I'm currently developing a basic web application that utilizes typescript and angular 2, both of which heavily rely on modules. The majority of my app's ts files ...
<div class="row org-logo m-b-lg"> <div class="col-sm-3 col-xs-6 text-center"> <a href="http://www.psychologicalscience.org/" target="_blank"><img src="/static/img/meeting-page/APS.jpg" alt="Logo for American Physiological ...
Here's a link to the fiddle: check it out Take a look at a normal card below: https://i.sstatic.net/7Yqqv.png But when the browser window is resized, it shrinks to this: https://i.sstatic.net/1aexK.png This is the HTML structure: #product-list ...
I'm facing a challenge in displaying a routerLink within my d3.tree(). I've attempted to do so like this: .append("a") .html(`<a [routerLink]="/mycomponent" fragment="1.1">link to user component</a>`); However, the following code wor ...
Controller code: [Route("api/[controller]")] [ApiController] public class CustomController : ControllerBase { ApplicationDbContext dbContext = null; public CustomController(ApplicationDbContext ctx) { dbContext = ctx; } ...
First time diving into bootstrap and struggling with my items overflowing the container. Here's a snippet of my code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi ...
When viewing in full screen, I prefer not to use the grid layout and instead display 7 images in a specific arrangement: 2, 2, 2, 1. However, when it comes to mobile view, how can I achieve this? <div class="col-xs-6"> <img src="banner1.png" a ...
I am in the process of transitioning from tslint to eslint in my Angular 11 library by following the official documentation here. After running the command ng add @angular-eslint/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail=" ...