@adboio wrote:
I’ve been searching for hours but can’t seem to find (or make) a way to do this. My header is:
<ion-header> <ion-navbar> <ion-title><h1><strong>Aftercare Inbox</strong></h1></ion-title> </ion-navbar> </ion-header>It is center-aligned by default, and I’ve tried playing with
align-title, padding, margins, anything I can think of, but nothing seems to move it. Any ideas?
Posts: 1
Participants: 1
@zabka229 wrote:
Hello i am trying to create animation.
Demo:
My problem is that I can’t center this whole button so it would be on center of screen all of the time instead of going to the left side of screen.
Posts: 1
Participants: 1
@Sujan12 wrote:
My bot caught another release of 3.9.3:
The release is here: https://github.com/ionic-team/ionic/releases/tag/v3.9.3
But the release note there look pretty broken (currently lists all changes ever done to Ionic I think).Correct ones are actually here: https://github.com/ionic-team/ionic-v3/blob/master/CHANGELOG.md#393-2019-02-01
Bug Fixes
- accessibility: disable icon label if tab has title (98c5d7e)
- alert: allow disabled text input (1b3190b), closes #13488
- content: remove layout contain to fix fab behind toolbar (79c8d67)
- cordova: don’t apply safe area to footer if there are bottom tabs (0182014)
- sass: use sass variables for slide background values (3d0713d)
- toggle: add display: block to ensure proper track dimension calculation (68d0a922), closes #919
Notes
This release of
ionic-angularbrings full Node 10 support.
Posts: 1
Participants: 1
@gokulanathan wrote:
I’m working on ionic 3 with slider option(introduction page), in that i need to add a effect as “fade” using bootstrap. Is there any way to add bootstrap in ionic.
Thanks in advance…
Posts: 1
Participants: 1
@TechCreationZ wrote:
Here is the
ionic info:Ionic: ionic (Ionic CLI) : 4.9.0 (/home/sahith/node_modules/ionic) Ionic Framework : @ionic/angular 4.0.0 @angular-devkit/build-angular : 0.12.4 @angular-devkit/schematics : 7.2.4 @angular/cli : 7.3.0 @ionic/angular-toolkit : 1.3.0 System: NodeJS : v8.10.0 (/usr/bin/node) npm : 6.7.0 OS : Linux 4.15I don’t know why this error is coming
Posts: 1
Participants: 1
@lavanyaifet wrote:
Run a Background Service in Ionic 4 even after close / kill the app by user.
Firebase push notification works in foreground, background, app killed/ Close.
I want to open app immediately push notification received,For that I want to run a background service to watch the push notification, and force to open app or open ui (like whatsapp),
Is there any other solution, please share .
Posts: 1
Participants: 1
@aligassan wrote:
I am beginner in ionic 4. And I am trying to get json data from an api using native http. My code is working fine with a json data response, but the problem is I got empty data in html
json
{ "userId": 1, "id": 1, "title": "delectus aut autem", "completed": false }main code :
import { Component } from '@angular/core'; import { HTTP } from '@ionic-native/http/ngx'; @Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], }) export class HomePage { object : any ; constructor(private http: HTTP) { this.http.get('https://jsonplaceholder.typicode.com/todos/1',{},{}) .then(res=> { this.object = res.data }) .catch(error => this.object = error); } }if l use only object in html he is return json response
{{object}}but if l want get title form data json l got empty page
{{object.title}}
Posts: 1
Participants: 1
@umeshsingsysy wrote:
I am using ionic 4 laetst updated cli
- ionic start demoTest blank --type= ionic-angular
then install UniqueDeviceID plugin
ERROR Error: Uncaught (in promise): TypeError: Object(…) is not a function
TypeError: Object(…) is not a function
at UniqueDeviceID.get (index.js:27)
at app.component.ts:17
at t.invoke (polyfills.js:3)
at Object.onInvoke (core.js:4760)
at t.invoke (polyfills.js:3)
at r.run (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
at UniqueDeviceID.get (index.js:27)
at app.component.ts:17
at t.invoke (polyfills.js:3)
at Object.onInvoke (core.js:4760)
at t.invoke (polyfills.js:3)
at r.run (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
at c (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at o (polyfills.js:3)
at e.invokeTask [as invoke] (polyfills.js:3)
at p (polyfills.js:2)
at HTMLDocument.v (polyfills.js:2)
defaultErrorLogger @ core.js:1449
ErrorHandler.handleError @ core.js:1510
IonicErrorHandler.handleError @ ionic-error-handler.js:61
next @ core.js:5508
schedulerFn @ core.js:4342
SafeSubscriber.__tryOrUnsub @ Subscriber.js:242
SafeSubscriber.next @ Subscriber.js:189
Subscriber._next @ Subscriber.js:129
Subscriber.next @ Subscriber.js:93
Subject.next @ Subject.js:55
EventEmitter.emit @ core.js:4322
(anonymous) @ core.js:4782
t.invoke @ polyfills.js:3
r.run @ polyfills.js:3
NgZone.runOutsideAngular @ core.js:4708
onHandleError @ core.js:4782
t.handleError @ polyfills.js:3
r.runGuarded @ polyfills.js:3
(anonymous) @ polyfills.js:3
n.microtaskDrainDone @ polyfills.js:3
o @ polyfills.js:3
e.invokeTask @ polyfills.js:3
p @ polyfills.js:2
v @ polyfills.js:2
Posts: 1
Participants: 1
@jyprksh001 wrote:
I am using SMS and call plugin in my app and when i submit my app to play store i am getting this email.(cordova plugin sms,mx.ferreyra.callnumber)
" We reviewed your app and found that it does not qualify for use of the requested permissions.
Next steps: Submit your app for another review
- Read through the Permissions policy and the Play Console Help Center article, which describes intended uses, exceptions, invalid uses, and alternative options for use of Call Log or SMS permissions.
- Make appropriate changes to your app.
- Sign in to your Play Console and submit the update to your app."
I am not sure where is the mistake. please help
Posts: 2
Participants: 2
@puneet63 wrote:
Hi
We have UWP app running on ionic 3. When we close the app it works fine, we can go inside and do anything in the app.
But once we close the app and open second time. it hangs on splash screen. I can see Run-time broker and Com Surrogate process are still running in task manager.
Can someone help to resolve this issue. We need to debug what JS or cordova plugin is casing this issue?
Regards
Posts: 1
Participants: 1
@SimonKomlos wrote:
I have Ionic Pro, and so I’m using Ionic Deploy to update the app without having to download any new update from the app store, but the problem is that recently Ionic isn’t updating the app anymore for ALL my users.
The Ionic deploy download gets stuck at 95/100 and it’s trying to download every time someone tries to open the app… So in just 2 days my Ionic Deploy usage has already hit 8500/10000… This is crazy.
I think it must be an Ionic issue as I haven’t touched any code relating to deploy. And it was working perfectly and then just randomly broke.
Any ideas? Are others having this issue?
Posts: 1
Participants: 1
@davidsancho44 wrote:
Hello I am trying to make a request get with HTTP but it does not enter me in data.data tells me undefined, can you help me? Thank you!
It is entering the error.error
The api code is missing, I do not publish it.
import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { Tab1Page } from './tab1.page'; import { HTTP } from '@ionic-native/http/ngx'; @NgModule({ imports: [ IonicModule, CommonModule, FormsModule, RouterModule.forChild([{ path: '', component: Tab1Page }]) ], declarations: [Tab1Page] }) export class Tab1PageModule { constructor(private http: HTTP) { this.http.get('http://api.openweathermap.org/data/2.5/forecast?zip=94040,us&appid=', {}, {}) .then(data => { console.log(data.status); console.log(data.data); // data received by server console.log(data.headers); }) .catch(error => { console.log(error.status); console.log(error.error); // error message as string console.log(error.headers); }); } }This is the error:
The json returns this to me:
Posts: 1
Participants: 1
@ndblackandblue wrote:
Hi everyone, can someone help me with this, i have a aplication with a side menu, and if user click in this menu and his photo, its gonna show a editPage, but for some reason in IOS, only left side from ion-item work with click.
In this image from example, only side with name “Pedro” work, the another side dont work … only in ios:
<ion-item (click)="goToEditProfile()" no-lines menuClose text-center class="sidemenu-header-item"> <ion-avatar> <img class="profile-picture" [src]="..."> </ion-avatar> <p style="padding-top: 2vh;">Pedro Vitor (Admin)</p> </ion-item>
Posts: 1
Participants: 1
@abhijitmabhi wrote:
<ion-datetime displayFormat=“DD-MM-YYYY” [(ngModel)]=“todo.myDate”></ion-datetime>
Ionic 4 DateTime picker shows the GMT time. But my local time is GMT+6. I’m not getting the exact time.
Posts: 1
Participants: 1
@amin9 wrote:
There are many question/posts regarding this issue. Some are resolved in ionic1.
I don’t see any good solution on ionic 2 or 3.I built a NotePad type app and published it.
Then I noticed,
Cannot select text in the textarea, cannot copy or paste in the textarea. My app became useless.I was trying to follow https://forum.ionicframework.com/t/how-to-make-text-selectable/4384
Tried - 1 CSS
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;Tried - 2 JS
Cannot fine “ionic.js”Is it possible to select text in the textarea?
Posts: 1
Participants: 1
@dulciepercy wrote:
I’ve nearly converted my app to Ionic 4 but I can’t understand how to customize components (been through every link and tutorial on the forum, but something hasn’t got through to me).
I have many popovers in the app. The first is called “how to read” with the following selectors
@Component({ selector: 'app-how-to-read', templateUrl: './how-to-read.page.html', styleUrls: ['./how-to-read.page.scss'], })I’ve got some styling in app-how-to-read.page.scss which work fine on my classes…
td { padding: 10px; text-align: left; font-size: 15px; } .myButtons { font-size: 20px; font-weight: 200; width: 100%; }But now I want to change the size and background of the popover. The css CustomProperties of the popover page https://ionicframework.com/docs/api/popover#properties
just says, for the background for example, use --background.
But where do I put it? Do I put something like
app-how-to-read{ --background:green; }in the scss file, or in variables.scss? I’ve tried both with many versions of the selector to no avail.
Thanks
Posts: 1
Participants: 1
@flycoders_sourav wrote:
I want to resize rating star, how can I do that I attached my UI below
Im using this plugin https://www.npmjs.com/package/ionic3-star-rating
please help me out
Thanks
Posts: 1
Participants: 1
@RomnEmpire wrote:
hi,
I’m creating an app in ionic3 that needs to access get current location of the user and load the google map in page but i got the position error in the chrome console :‘PositionError {code: 1, message: "Only secure origins are allowed?’
i have tried below link but working:
below we have upload our index.html as well as ts function with the help of which we have to load the map.please tell me anyone how to fix this error ?0
<!DOCTYPE html>
<html lang=“en” dir=“ltr”>
<head>
<meta charset=“UTF-8”>
<title>Ionic App</title>
<meta name=“viewport” content=“viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”>
<meta name=“format-detection” content=“telephone=no”>
<meta name=“msapplication-tap-highlight” content=“no”><link rel=“icon” type=“image/x-icon” href=“assets/icon/favicon.ico”>
<link rel=“manifest” href=“manifest.json”>
<meta name=“theme-color” content="#4e8ef7"><!-- add to homescreen for ios -->
<meta name=“apple-mobile-web-app-capable” content=“yes”>
<meta name=“apple-mobile-web-app-status-bar-style” content=“black”>
<!-- cordova.js required for cordova apps -->
<script src=“http://maps.google.com/maps/api/js?key=YOUR_API_KEY_HERE”></script>
<script src=“cordova.js”></script><!-- un-comment this code to enable service worker
<script>
if (‘serviceWorker’ in navigator) {
navigator.serviceWorker.register(‘service-worker.js’)
.then(() => console.log(‘service worker installed’))
.catch(err => console.error(‘Error’, err));
}
</script>–><link href=“build/main.css” rel=“stylesheet”>
</head>
<body><!-- Ionic’s root component and where the app will load -->
<ion-app></ion-app><!-- The polyfills js is generated during the build process -->
<script src=“build/polyfills.js”></script><!-- The vendor js is generated during the build process
It contains all of the dependencies in node_modules -->
<script src=“build/vendor.js”></script><!-- The main bundle js is generated during the build process -->
<script src=“build/main.js”></script></body>
</html>
Run code snippetExpand snippetloadMap(){ this.geolocation.getCurrentPosition().then((position) => { let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); let mapOptions = { center: latLng, zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP } this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions); }, (err) => { console.log(err); }); }
Posts: 1
Participants: 1
@Kypez wrote:
Dear forum members,
i am new to ionic 4 and did not use angualr and ionic since ionic1. I have one beginner question and would be very thankful if soeone could give me a hint on what i am overlooking.
I am using angular 7 and ionic 4 for my application and want to make on multilanguage on buttonclicks. For this purpose i tried the ngx-translate module: http://www.ngx-translate.com/. If i make the tutorial and create a new angular application everything works.
It even works in my ionic application, but only if i translate text chunks in the app.component.html According to the instructions i have to importy and modify app.module.ts and app.component.ts.
However, i want to translate some text in other pages then the app.componen.html. There are a lot of pages and they are all lazy loaded.
What am i doing wrong at this stage? What do i need to import in other pages in order to translate text there? My example page is “tab1” page. I have imported import { TranslateService } from ‘@ngx-translate/core’; in the tab1.module.ts But if i try to translate ion-card-title>
demo.text
on buttonclick nothing happens and the resource from json in the default language is not loaded.My second question considers the imported “HttpClientModule” and the “HttpModule”. Why does the ngtx-translate docu suggests to import HttpClientModule and the ionic docu suggests to import HttpModule? What is the difference anyway?
Thank you a lot in advane.
Kind Regards
D. Petrik
Posts: 2
Participants: 1
@ebeliejinfren wrote:
Hi
i use ionic Ranger for music time bar and use ionBlur on ion-range for update music current time , in ionic 3 its work correctly but in new version it’s not EmittedionChange work good but ionBlur not fired
Posts: 1
Participants: 1
