All Questions
113 questions
0
votes
1
answer
1k
views
How to prevent ion-router-outlet override ion-grid and expand to whole page
This is an UI question on angular-ionic project. There are 1 component login.
Inside app.component.html, there are an ion-content container containing ion-grid element. Inside it there are 2 row. ...
- 408
0
votes
1
answer
775
views
How to change primary color in Ionic 5 programmatically?
Currently my app-component routes to a split-layout which routes to the other pages. In the settings page my workaround is to change the accent color like this:
changeAccentColor() {
console.log('...
3
votes
0
answers
379
views
How to change background color on ion-toggle Angular-ionic3
i want to change background color when i select toggle, right now the bacground color is white, and i want to change it to grey.
here is my ion-toggle right now
and this is what i want
this is my ....
- 435
0
votes
0
answers
510
views
How to set focus to an ion-grid or ion-list in a tabbed ionic application?
How do you set focus to an ion-list in the second tab such that the up/down arrow keys works right after selecting the second tab?
The current behavior is that I have to always click first on the list ...
- 1,503
0
votes
2
answers
2k
views
How to set a toggle effect to ion-card?
I want to achieve a toggle effect on ion-card where when i click on the card it will be highlighted until i unclick it or click on a different card. Like this -
how can i achieve such effect on ion-...
- 53
1
vote
1
answer
1k
views
Ionic color text depending on condition
I have a very makeshift solution to highlight text in a small slider after user tap.
<ion-slide *ngFor="let loopValue of values">
<div *ngIf="viewValue == loopValue">
<b>
...
- 5,628
0
votes
1
answer
48
views
how do i customize the single page loading style css GIF style?
presentLoading(message) {
this.loading = this.loadingCtrl.create({
dismissOnPageChange: false,
spinner:'hide',
content:`<img class="load" src="assets/dual.gif" />`,
});
this.loading....
user11753410
1
vote
1
answer
1k
views
How do I change the style of a single button inside a *ngFor in Ionic 3?
I am trying to change the style of the specific button I click in the *ngFor in the ion-col. Currently when I click on a button, the styles for all buttons changes at the same time.
Here are my codes:...
- 183
1
vote
1
answer
2k
views
Ionic Grid Layout Alignment Not Correct
I am trying to expand one Grid column to 2 columns width.. but not expanding properly.. see below
Currently Showing Layout
this is my HTML...
<ion-content>
<div class="ion-padding">
...
2
votes
2
answers
172
views
Highlight rows using ngFor in Angular Ionic based on condition
In my application I am in need to highlight all row's based on count value using ngfor in angular.
I tried and I am able to highlight only the particular row based on my count.Please help
https://...
- 527
0
votes
2
answers
259
views
Show full image in certain height of div
Hello i want to show the full image in a specified height div and set it a a background to the div. What i ve tried so far crops the image and doesnt show the full height of the image. Any help?
HTML:...
user11625000
0
votes
1
answer
2k
views
Is it possible to not use ellipsis in ngx-pagination?
I'm using ngx-pagination package and trying to implement this:
But this is what I have until now:
My HTML:
<pagination-controls responsive="true" directionLinks="false"></pagination-controls&...
- 808
1
vote
1
answer
331
views
How to align the image as center to the ionic item
I am trying to align the image as an aviator to the ionic item.
See below.
ionic.page.html
<ion-content padding>
<ion-item class="item-profile">
<img src= "assets/...
- 419
0
votes
2
answers
758
views
How to override css classes other than in app.scss in ionic?
I am designing a dark theme for my ionic application by following this Tutorial. It works for most of the classes but, there are some css classes which only change when i override them in app.scss, if ...
- 417
1
vote
0
answers
72
views
ion-range with dual knobs displaying currency format numbers
I'm developing a form in which i use a dual knobs input type range to indicate a price interval .
I need a solution that allows me to show the price variation on the knobs with a currency format, ex: ...
- 11