All Questions
Tagged with responsive angular
94 questions
0
votes
1
answer
745
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 ...
- 383
-2
votes
1
answer
414
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
463
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 ...
- 31
0
votes
0
answers
393
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 ...
- 1,704
0
votes
1
answer
90
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
418
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 ...
- 11
0
votes
1
answer
5k
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 (...
- 53
0
votes
1
answer
52
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 ...
- 111
1
vote
1
answer
2k
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 ...
- 2,566
1
vote
0
answers
293
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 ...
- 3,986
0
votes
1
answer
348
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" ...
- 147
-1
votes
2
answers
457
views
How to make a responsive text with Bootstrap or CSS?
I tried to set the $enable-responsive-font-sizes variable in Bootstrap 4.3.1 to true, but nothing changed.
Here is my template.html code:
<div class="m-2" id="role">
&...
- 347
0
votes
1
answer
522
views
Why is my <mat-card> not responsive to data angular
I am trying to make my responsive for the dynamic data value it gets. I used the below code to make it reponsive
<div fxLayout="row wrap " fxLayoutGap="50px grid" fxLayout.xs=...
0
votes
1
answer
2k
views
Responsive Ag-Grid
I have problems with the correct scaling of the Ag grid.
The width automatically adapts to the page, but not the height.
I've already tried a lot with CSS, but got no further.
Many of these attempts ...
4
votes
4
answers
12k
views
Primeng Table Responsive layout stack/scroll not working
I am using PrimeNG in my Angular project. I am trying to make the table elements show in "stack" mode when responsive, which should be a simple thing according to the documentation.
Yet it ...
- 547