@killerchip wrote:
I was asked to support tablets…
3 lines of code with ion-split-pane and… bam! we’re there!
Thank you Ionic team!!!
PS: I know it is not a question, but I wanted to share my joy and enthusiasm!
Hooray!!!
Posts: 1
Participants: 1
↧
Ionic split-pane rocks!
↧
Dynamic form fields
@Mwzeyxaexia wrote:
Hey guys,
I have an object of items fomulated from the api, would appear like
{ “soap” : " " , " water" : " ", " brush : " " }
i want to create form group using this object and form view with those formcontrols.Thanks
Posts: 1
Participants: 1
↧
↧
CSS styling is not working in production build
@anandraj1411 wrote:
Hi All,
I have created an application having side menu using ionic2. When I select an item from the side menu the item is highlighted like the below given picture
the code for highlight is
isActive(page: any) { let childNav = this.nav.getActiveChildNavs()[0]; if (childNav) { if (childNav.getSelected() && childNav.getSelected().root === page.tabComponent) { return '#f53d3d'; } return; } if (this.nav.getActive() && this.nav.getActive().name === page) { return '#f53d3d'; } return; }the html section is
<button ion-item menuClose class="navigation-items" (click)="openPage('ChatPage')" detail-none> <ion-icon item-start name="chatbubbles" [color]="isActive('ChatPage')"></ion-icon> <span [ngClass]="isActive('ChatPage') ? 'red-color':'white-color'"> Chats</span> </button>The issue comes when I create a production build using the command
ionic cordova run android --prod --release
and signed using android studio. If I select the item from side menu it is not getting highlighted.Could you please help me with this issue? Why the styling is not getting reflected?
Posts: 1
Participants: 1
↧
How to reload the ion-page after pop() in ionic 3
@ahmadklsany wrote:
I have 2 pages Page1 and Page2. I have used this.nav.pop() in Page2 and it will pop the Page2 and Page1 will enable but i want to refresh the Page1. Thank you in advance.
Posts: 1
Participants: 1
↧
Ionic-CLI does not pass --nosave flag to Cordova-CLI
@prupp wrote:
If I run following command:
$ ionic cordova platform add ios --nosaveThe ‘–nosave’ flag won’t be passed to the Cordova-CLI and therefore, package.json and config.xml files are updated.
Command output is as followed:
> cordova platform add ios --save Using cordova-fetch for cordova-ios@~4.5.4 ...Versions installed:
cli packages: (/node_modules)
@ionic/cli-utils : 1.18.0 ionic (Ionic CLI) : 3.18.0global packages:
cordova (Cordova CLI) : 7.0.1local packages:
@ionic/app-scripts : 3.0.1 Cordova Platforms : ios 4.5.4 Ionic Framework : ionic-angular 3.8.0System:
ios-deploy : 1.9.2 ios-sim : 6.1.1 Node : v7.10.1 npm : 4.1.2 OS : macOS Sierra Xcode : Xcode 9.1 Build version 9B55Is this behavior intended or a bug? If intended, how can I prevent changes on config.xml and package.json?
Posts: 1
Participants: 1
↧
↧
How to Disable Splash Screen or Removing or reduce splash screen in ionic 2
@pvreddy423 wrote:
how to hide splash screen in ionic 2 or remove or reduce delay loading…Any one have solution for this. My clients is been irritating for this problem.
Posts: 2
Participants: 2
↧
I need a Datepicker!
@cracker90 wrote:
Hello,
i would like to use a datepicker into my app like in the picture :
is there any plugin that i can install that i can customize to look like that ?
Posts: 1
Participants: 1
↧
How to create a form with text boxes with an image and rounded corner
@shivEnigma31 wrote:
Why I can’t easily control the borders if input elements to acheive a rounder cornered text boxes. I understand we don’t do rounded corner anymore but sometimes the client wants a design that’s 20 years old and I must do it. The framework I use should have the flexibility of choosing the design I wanted to acheive. But in ionic that’s not the case. I can’t achieve rounded corners in any way. Can anyone please tell me how to acheive a text box with icon in the left and rounded corners?
I am using ionic 3
Posts: 1
Participants: 1
↧
Validator.requierid conditional
@NurGuz wrote:
Hi guys,
I have this
<ion-item> <ion-label> Pets</ion-label> <ion-toggle color="secondary" [(ngModel)]="isLookAfterFlg" name="isLookAfterFlg"> </ion-toggle> </ion-item> <ion-item *ngIf="isLookAfterFlg === true"> <ion-label>Type</ion-label> <ion-select [(ngModel)]="user.lookAfterFlg" formControlName="lookAfterFlg""> <ion-option *ngFor="let petTime of listOfValuesTime" [value]="petTime.value">{{petTime.name}}</ion-option> </ion-select> </ion-item>I won’t that lookAfterFlg was requeried if isLookAfterFlg was checked. Any idea? I’m usin
<form [formGroup]="todo" (ngSubmit)="saveForm()">Thx
Posts: 1
Participants: 1
↧
↧
Weird behavior on iframe using iOS version of my app
@temohpab wrote:
I’m trying to implement an iframe into a section of my app.
In Android it’s working fine but on iOS when you do scroll the page on the iframe reloads, you cannot do the submit in some forms.
I don’t know if this is the normal behavior or I’m forgetting something. I’m loading the iframe under DomSanitizier.
Any ideas?
Update: In iOS i have this message: Blocked a frame with origin “http://localhost:8080” from accessing a frame with origin “http://myweb.com”. Protocols, domains and ports must match
I know it’s something related to the cross-domain, but I cannot find the way of doing this well
Posts: 1
Participants: 1
↧
Angular2-signaturepad: Unable to paint in prod or release mode on device
@meni_oz wrote:
In browser mode or in normal build the drawing works properly.
But when you build in --prod or --prod --release does not succeed in drawing and gives the following error
vendor.js:1 ERROR ReferenceError: a198254 is not defined
at a._calculateCurveControlPoints (10.js:1)
at a._addPoint (10.js:1)
at a._strokeUpdate (10.js:1)
at a._strokeMoveUpdate (10.js:1)
at HTMLCanvasElement._handleTouchMove (10.js:1)
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (vendor.js:1)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at e.invokeTask [as invoke] (polyfills.js:3)Thank you very much to anyone who helps
Posts: 2
Participants: 2
↧
Ios app stuck on splashscreen on app restart
@tanvir wrote:
I have an Ionic 2 app which works fine on the first installation. But it gets stuck on the
splashscreenif the app is removed from background and then resumed again. I have tried<preference name="AutoHideSplashScreen" value="true" />which starts showing a blank screen after sometime.
Following is my
Ionic Infocli packages: (/Users/greyshack/Desktop/quitch-app/node_modules) @ionic/cli-utils : 1.19.0 ionic (Ionic CLI) : 3.19.0 global packages: cordova (Cordova CLI) : 7.1.0 local packages: @ionic/app-scripts : 2.0.2 Cordova Platforms : android 6.4.0 ios 4.5.4 Ionic Framework : ionic-angular 3.5.3 System: ios-deploy : 1.9.2 Node : v6.11.4 npm : 3.10.10 OS : macOS Sierra Xcode : Xcode 9.0.1 Build version 9A1004 Environment Variables: ANDROID_HOME : not set Misc: backend : legacyAnd my plugin lists
com-sarriaroman-photoviewer 1.1.10 "PhotoViewer" cordova-plugin-compat 1.2.0 "Compat" cordova-plugin-device 1.1.6 "Device" cordova-plugin-fcm 2.1.2 "FCMPlugin" cordova-plugin-file 4.3.3 "File" cordova-plugin-file-opener2 2.0.19 "File Opener2" cordova-plugin-file-transfer 1.6.3 "File Transfer" cordova-plugin-firebase 0.1.24 "Google Firebase Plugin" cordova-plugin-ionic-webview 1.1.16 "cordova-plugin-ionic-webview" cordova-plugin-network-information 1.3.3 "Network Information" cordova-plugin-splashscreen 4.1.0 "Splashscreen" cordova-plugin-statusbar 2.2.3 "StatusBar" cordova-plugin-whitelist 1.3.2 "Whitelist" cordova-plugin-youtube-video-player 1.0.6 "CordovaYoutubeVideoPlayer" cordova-sqlite-storage 1.5.3 "Cordova sqlite storage plugin" ionic-plugin-keyboard 2.2.1 "Keyboard"Any help is highly appreciated.
Update
If I useAutoHideSplashScreentrue, I get a white screen.
Posts: 2
Participants: 2
↧
Versioning and Ionic Deploy
@gemcomputers wrote:
I’m looking for some clarity and advice around versioning best practice and specifically around using Ionic Deploy and the Native Versioning settings.
Because we submit sometimes more than one build on iTunes, e.g. for beta testing through TestFlight, and every build must have a new build number, we use the following versioning tags:
android-versionCode="0030"
ios-CFBundleVersion="1.0.30"
version="1.0"
This means we have version 1.0 of the app on the store, but it may have a number of different builds to get there.So my first question is, is this the correct way to do this, or is there a better preferred method?
Secondly, when using Ionic Deploy, and setting the Native Versioning settings, does that refer to the build or version? i.e. versionName or versionCode? How does this work on Android, as the version code would show as 302 and 304 because of the split apk’s for crosswalk?
Thanks!
Posts: 1
Participants: 1
↧
↧
Firebase storage, audio,
@shmulikmak wrote:
I try to download and play mp3 file that store in FIreabse.
I get the link from Firebase but cant play it.
I upload the audio on base64.here is how I play the file:
const snd = new Audio(“data:audio/mp3;base64,” + url);
snd.play();
Posts: 1
Participants: 1
↧
String obfuscation for Ionic Apps
@jsanta wrote:
Hi!
In some apps I’m involved there are some string constants that contain some information that’s not supposed to be shared in plain sight (I know, decompiling apps is quite easy and I’m only making things a little more complicated to whoever does this). So as parts of our requirements, these strings have to be obfuscated.I’ve solved this previously on a Ionic-1 app using Gnirts and a Gulp task to be run before compiling and minimizing all js and css files.
Now I’m trying to do the same with a Ionic app. I copied and edited the webpack.config.js file and added the gnirts-loader with no successful results.This is the important part in the webpack.config.js file:
{ test: /\.js$/, loader: [ 'gnirts-loader', process.env.IONIC_WEBPACK_TRANSPILE_LOADER ] }I guess there’s something I’m doing wrong or not understanding in the compilation flow, because my strings still plain between the @mangle tags.
Anybody has tried something like this? I’ll make further tests and share anything I can find.Thanks, best regards,
José Ignacio
Posts: 1
Participants: 1
↧
Display home page after all data are loaded
@Vartex05 wrote:
Hi, in my app, iam getting data for my homePage form a few providers - RecordService,SettingService ect… Iam directly accessing properties from injected services in homePage template, and i display them. For the case that they are not already loaded, iam using elvis operator. Data in providers are loaded form sqli database.
Problem is, when i start app, home page shows, but without data. Data shows up after for example 1s. I would like to show Homepage only after initial data is loaded, so user sees fully loaded Page from beginning. Any ideas how to synchronize it? I know one solution is to hide splashscreen after some timeout, but this not seems like a very clean and reliable solution. I would like to hook splashcreen hide better. Any ideas? How do u solve this in your apps? Or are u preffering other way of accessing data from providers?
Posts: 2
Participants: 2
↧
Ionic camera issue
@Madhawa wrote:
I’m Develop my university project for using Ionic 3, I want to know some details or tutorial, How to open mobile front camera in Ionic project,Please help me give me a some details or tutorial
Thanks
Posts: 1
Participants: 1
↧
↧
How can we export and use variable that came from subscribe
@ahmadklsany wrote:
hello every one
I need to know how can i export and use variable that came from res here (this.allPlaces)
export class Places {
items: string[];
parentId:any;
Title:any;
loader:any;
allPlaces:any;
contnent:any;
countPlaces:any;
allPlacesname:any;
constructor(
public navCtrl: NavController,
public modalCtrl: ModalController,
public navParams: NavParams,
public placesProviders:PlacesProviders
)
{
console.log("/************** places *****************/");
this.loader = true;
navParams.get(“placeName”)?this.Title= navParams.get(“placeName”):this.Title=" ";
navParams.get(“placeId”)?this.parentId={id:navParams.get(“placeId”)}:this.parentId={id:0};
this.placesProviders.getPlaces(this.parentId)
.subscribe((res) => {
if(res)
{
this.allPlaces=res.allPlaces
console.log(this.allPlaces);//data print here
this.countPlaces= this.allPlaces.length;
this.loader = false;
this.contnent=true;
console.log(“this.allplaces”, this.allPlaces);
}
else
{
this.contnent=false;
this.loader = false;
}
});
console.log(this.allPlaces);//data undefined here
}
Thanks
Posts: 1
Participants: 1
↧
Show next toast when first toast dismiss with certain time duration
@sanjay740 wrote:
Hii,
I am Sanjay I make a simple application showing message in toast. Number of click on a button number of toast will open and show. When first toast dismiss then second open. Second dismiss third open an so on…
please help me to out this problem!!!
Posts: 1
Participants: 1
↧
Today extension - Cloud not find *-Info.plist
@charle87 wrote:
Hi,
If I add the Today extension in my xCode project (** xCode -> Editor -> Add Target -> Today Extension **) and after I run in the terminal ionic cordova build ios:
Error: Could not find *-Info.plist file, or config.xml file
And if I remove the extension, it compiles correctly.
Any solution?
Thanks
Posts: 4
Participants: 2
↧