All Questions
403
questions
1
vote
1
answer
551
views
How to scale a svg component to fit different screen size?
I add below svg component into my html file. It's size fit my tablet well, however it is too large for my smartphone. How can we automatically scale the svg's size to fit different screen?
<svg ...
- 1,821
0
votes
3
answers
1k
views
How can I dynamically resize a leaflet map after clicking a button?
I have a leaflet map contained in <div id="map" data-tap-disabled="false" style="width: 100%; height: 100%;"></div>
This page is divided into <ion-header&...
- 35
0
votes
1
answer
190
views
How to convert HTML codes in JSON file to characters in Ionic 3
I'm trying to read in some JSON files to HTML but the HTML characters are displaying as codes. I've tried using [innerHTML]="{{item.detail}}" but its not working, any help please?
Code ...
1
vote
0
answers
148
views
Photos not loading when page is refreshed in IONIC
I am going over the photo gallery ionic app tutorial. I am at the part in which I am able to take photos, store them and when the page is refreshed, reload them. The problem is that when refreshing ...
- 307
0
votes
1
answer
297
views
Ionic 3: can't update ion-input's type until I blur/focus back
I have this code, so when you click the button with the ion-icon, the password toggles. For that sake I need to change the type of the ion-input, but it only changes after I have blurred or focused ...
- 21
1
vote
2
answers
9k
views
How to convert rows to columns using CSS?
I'm developing a Web Application in Ionic3 framework. In my table Each item is available in different sizes.
On mobile devices, the screen is too narrow to properly display up to 4 different sizes ...
- 184
0
votes
2
answers
618
views
Add [ngClass] only on the element that is clicked on
I have several columns that I need to differentiate when one is clicked to only have the class activate on that one and if a different one is activated to de-activate the previous one and activate ...
- 1,671
0
votes
1
answer
34
views
HTML with Ionic3, how to seperate rows
I have this HTML where I need to seperate each row, how can I do this?
This is what I have:
<ion-grid class="grid-16 box">
<ion-row *ngFor="let device of connectedDevices&...
- 1,671
0
votes
0
answers
25
views
In Ionic 3 : not able to use font from cahe folder
Want to use fonts from application's cache folder.
planned steps:
Download font file from my server to application cache folder.
Sample code
let fileTransfer = this.transfer.create();
...
3
votes
0
answers
364
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
-1
votes
1
answer
161
views
ANGULAR/IONIC ERROR Error: Error trying to diff '[object Object]'. Only arrays and iterables are allowed
I have this error when I want to receive data from the server with a REST API and display it in an HTML component through a modal. In console if I get the data but in my HTML view not.
ERROR Error: ...
- 1
0
votes
1
answer
271
views
Icon resize and align left
In a page I have to show a list of items with icons. These icons vary in size as you can see in the picture (first one is larger for example. To have the same icon size everywhere in css I put the ...
- 223
0
votes
1
answer
38
views
IONIC 3 - HTML bug only on device
I got a bug on my html that shown only on devices, only iOS, not Android, browser or xCode emulator.
A button, "menuToggle" of my ionic-header seems to be cutted in half, even after many try ...
- 61
3
votes
0
answers
79
views
Ionic 3 tabbar getting disappear when routing from sidebar
In My ionic 3 app the tab bar is getting disappear when navigating from side bar. All other pages are working fine. Only when routing from side bar, tab is getting disappear.
Here is my app.html
<...
- 31
1
vote
1
answer
35
views
Continue index order of two seperate arrays
I have an object which has "X" arrays (please note that these can be larger or smaller):
note: PONotes
allNotes: Array(6)
0: PONote {_text: "Contratación", _date: "", ...
- 1,671