All Questions
Tagged with responsive angular
98
questions
0
votes
1
answer
86
views
Angular 18 - background image not showing up on mobile device but works in browser and chrome tools
I decided to redo my personal website (www.coltstreet.com), and I am using media queries to display different background images. Everything is working fine on desktop and I was using chrome tools to ...
0
votes
0
answers
14
views
center form fields in Angular reactive form on iPhone screen
I have a very basic Angular app as follows :
Contents of app.component.ts
import { Component } from '@angular/core';
import {FormBuilder, FormGroup, Validators} from "@angular/forms";
@...
0
votes
0
answers
72
views
How to override padding-left into angular component within component
I am trying to override the padding-left property of .container-fluid
container-fluid {
padding-right: 16px;
padding-left: 16px;
margin: 0 auto;
width: 100%;
}
.container-...
-2
votes
1
answer
306
views
How do I make Figma exported HTML, CSS code responsive
I recently exported a Figma design into Angular code, but I'm struggling with making it responsive due to the large codebase. I've tried using media queries, but the code primarily uses (px) units, ...
0
votes
1
answer
286
views
Owl Carousel / ngx-owl-carousel-o touch drag always return to first slide
how you doing? Hope your fine.
I am using ngx-owl-carousel-o (Owl Carousel) in an Angular project, and when I touched/drag from first page to second page, everything is doing fine. But the problem is ...
0
votes
0
answers
191
views
Trigger Function When Component is Resized in Angular
I'm working in an Angular project. I have a component that has responsive functionality. We have logic setup so that we perform the needed responsive functionality whenever the window resizes. We use ...
0
votes
0
answers
34
views
The browser won't return 1x images that are in different directory
I'm using Angular and I'm trying to make my images retina responsive.
I have an image component where I have the following code:
<picture>
<source srcset="/src/webp/{{ img }}.webp 1x,...
0
votes
0
answers
221
views
ngx-datatable responsive issue
Background
So this is what we are trying to achieve - responisve behaviour such that the columns get disappeared on certain breakpoints and appear as a row details.
Since there is no such dynamic ...
0
votes
1
answer
69
views
How to make responsive the highlighted cropped part in angular using cropper.js
I am using cropper.js to crop an image in my angular project. In this the cropped part will be highlighted with a div when it is cropped. Here I am binding the crop box values into the div. But when I ...
1
vote
0
answers
303
views
Angular Material navbar responsive
I would like to create a responsive navbar with angular material. I would like to create something this bootstrap navbar:
see bootstrap responsive navbar
When the screen size is reduced, I would like ...
0
votes
1
answer
4k
views
Making primeng table responsive without adding horizontal scrollbar to all the screen but only to the table itself
I have a table with lots of columns, when I switch to a laptop all the text bumps into each other.
I tried using responsiveLayout="scroll" but it creates 2 scrollbars one for the table (...
0
votes
1
answer
35
views
How to reduce the screen size with touch?
I am developing an app with Angular and would like to be able to shrink my screen on mobile devices even with touch. Zooming in is possible via the viewport, but zooming out does not work.
My viewport ...
1
vote
1
answer
1k
views
Angular material: create a divider between mat-tab-labels
I have a tab group with three tabs aligned left. I want to add a group of buttons, on the mat tab group, aligned right. I tried using fxFlex to create a divider between the tabs and the buttons but it ...
1
vote
0
answers
250
views
Angular App Responsive Only When served Through ng serve
I am facing a really weird issue. I searched for it on SO and other websites but could not find any reference to this issue.
Basically, when I am serving the Angular Ngx-admin app using ng serve ...
0
votes
1
answer
306
views
Making Angular project responsive using query listeners
Im looking for suggestions on how to make my angular project automatically detect and configure responsiveness.
Currently we are using a sort of matchmedia with queries such as "isMobile" ...