I haven’t tested it, but in the docs there is this:
<ion-split-pane [when]="shouldShow()">
...
</ion-split-pane>
↧
Split Pane Toggle on Big screen
↧
Align ion-checkbox to center
This is my HTML:
<ion-item text-center>
<ion-label>Never Show Again</ion-label>
<ion-checkbox [(ngModel)]="noTute"></ion-checkbox>
</ion-item>
I am trying to align the checkbox as well as the label to the center, however, the checkbox always remains left-align and the label gets center-aligned separately after the checkbox (screenshot attached). Is there an ionic way of achieving this?
↧
↧
New ionic-audio plugin for ionic
hi @arielf
i am getting this two warning when i run my app in production mode
Warning: Can’t resolve all parameters for WebAudioTrack in D:/anandan/ionic2App/podcast03062017_finalbuild/Podcast/node_modules/ionic-audio/dist
/ionic-audio-web-track.ts: (?, ?). This will become an error in Angular v5.x
Warning: Can’t resolve all parameters for CordovaAudioTrack in D:/anandan/ionic2App/podcast03062017_finalbuild/Podcast/node_modules/ionic-audio/
dist/ionic-audio-cordova-track.ts: (?). This will become an error in Angular v5.x
how to clear this two warning
Thanks
,R.ANANDAN
↧
Ion-tab double click to initial state
Me too… Any idea on how to fix this issue ?
↧
Splashscreen for Ionic website
Thanks for the solution. I need to put it just before < ion-app > and it works well.
↧
↧
App is not launching in browser
Thanks a lot @ahmadklsany
can you please tell me where is my mistake because i almost spend 5-6 to hours behind this issue. 
↧
App is not launching in browser
What is the exact command you are executing in the command line?
This indicates you tell the CLI somehow to not open a browser window.
Can you open http://localhost:8100 manually in the browser to see your app?
↧
How to convert ionic Icons to Png?
Th npm package of ionicons@4.0.0-6 contains all icons as png files. Maybe this helps.
↧
Is it possible to display element outside of modal view
Hi all, I currently have an HTML file that would be displayed using modal view. I wish to check if it is possible to display some of the element outside the modal view. Currently what I code inside the HTML, it will only display in the modal box when I use a button to open the modal view.
I tried to use css to move the element, but it only can move within the modal-wrapper.
Hope someone could advice me on this.
↧
↧
"There are multiple entries in the deeplink config with the segment of main" error after latest update
where can i found the main class ? bcoz it my main.ts doesnt have the @IonicPage
↧
Ionic 2 app on desktop using electron
Hi there,
First of all ionic 2 is awesome, amazing framework to build hybrid cross platform application using the tech we already know.
Thanks Ionic Team.
Now,
I am bit curious to know that whether we can create an desktop application with ionic 2 using Electron
Because I see an electron logo right after google chrome’s logo on WRITE ONCE. DEPLOY ANYWHERE. block/section from ionic frameworks website homepage
I was not able to find any documentation neither on ionic website nor on electron website.
Also not on any other reference on the Web.
Please let me know if any available documentation to implement ionic 2 on electron for desktop applications.
Thanks.
↧
App is not launching in browser
@Sujan12 i have try to open it manually but it cant works for me as you are suggesting. but as solution given by @ahmadklsany to run command npm run ionic:serve its works for me.
Thanks @Sujan12 for your suggestion.
↧
Notification push / One signal
Hmm … Is this work when the application is not open ?
↧
↧
Thread 1: signal SIGABRT with FCM and Ionic 3
Hi, I’m trying to build an Ionic 3 with push notification, I use FCM to do this.
It works in android. But when I try to deploy project on iOS I had this error : Apple Mach-O Linker (ld) Error.
In another forum, I found a solution : remove cordova-plugin-console, so I did it :
The post
Now I can deploy on my iOS device, but the app crash and I have this error in xcode :
Thread 1: signal SIGABRT with FCM
Like this :
I tried to remove and add iOS platform but nothing better …
I really don’t know what I have to do. Any idea ?
My Ionic Info :
cli packages: (/Users/ox/Documents/Mobile/ox/node_modules)
@ionic/cli-utils : 1.18.0
ionic (Ionic CLI) : 3.18.0
global packages:
cordova (Cordova CLI) : 7.1.0
local packages:
@ionic/app-scripts : 2.1.0
Cordova Platforms : ios 4.5.3
Ionic Framework : ionic-angular 3.6.1
System:
ios-deploy : 1.9.2
ios-sim : 5.0.13
Node : v6.11.3
npm : 3.10.10
OS : macOS Sierra
Xcode : Xcode 9.1 Build version 9B55
↧
Notification push / One signal
Sure It works. 
↧
I have problem when I run "ionic cordova build android">>>>>
My ionic Info>>>>>>>>>>>>
@ionic/cli-utils : 1.16.0
ionic (Ionic CLI) : 3.16.0
global packages:
cordova (Cordova CLI) : 7.1.0
local packages:
@ionic/app-scripts : 3.1.2
Cordova Platforms : android 6.3.0
Ionic Framework : ionic-angular 3.7.1
System:
Android SDK Tools : 25.2.3
Node : v8.1.3
npm : 5.0.3
OS : Windows 10
Environment Variables:
ANDROID_HOME : C:\Users\Ahmadklsany\AppData\Local\Android\sdk
Misc:
backend : legacy↧
I have problem when I run "ionic cordova build android">>>>>
Have a look at this topic: https://forum.ionicframework.com/t/license-issues-android-sdk-platform-26/112200/3
↧
↧
View item in the list in a new page using ionic and firebase
thanks i already solved this issue
↧
Enable a button if all inputs are filled
html file
<ion-header>
<ion-navbar>
<ion-title>Input demo</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<div [formGroup]="someForm">
<ion-item>
<ion-label floating>Input 1</ion-label>
<ion-input formControlName="input1"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Input 2</ion-label>
<ion-input formControlName="input2"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Input 3</ion-label>
<ion-input formControlName="input3"></ion-input>
</ion-item>
<ion-item>
<ion-label floating>Input 4</ion-label>
<ion-input formControlName="input4"></ion-input>
</ion-item>
<button ion-button [disabled]="!someForm.valid">Some button</button>
</div>
</ion-content>
ts file
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'page-demo',
templateUrl: 'demo.html'
})
export class DemoPage{
someForm: FormGroup;
constructor(public navController: NavController, public formBuilder: FormBuilder) {
this.someForm = formBuilder.group({
'input1': ['', Validators.compose([Validators.required])],
'input2': ['', Validators.compose([Validators.required])],
'input3': ['', Validators.compose([Validators.required])],
'input4': ['', Validators.compose([Validators.required])],
});
}
}
↧
Ionic app on desktop using electron
Yes, it is possible. Googling for “Ionic Electron” should give you lots of tutorials.
↧