@geochr wrote:
This is on an ionic v4 app.
Just trying to play a simple video e.g.
<video id="myVideo" controls playsinline width="100%"> <source src="https://www.w3schools.com/html/mov_bbb.mp4" /> </video>Works in iOS but on Android only plays the sound. Controls etc load fine and no error is shown.
Tried this on different SDKs and cordova-android versions without any luck.
Posts: 1
Participants: 1
@Hybapps wrote:
I used to use ionic view with my clients even after it removed from apple store but recently
ionic itself removed it from play store
according to this Topic
https://blog.ionicframework.com/ionic-view-sunsetting-on-9-1-18/
They said that’s because it have no use now
I think it still have benefits and use
any way ?
anyone have any idea how to make my clients test the apps (I don’t want to use APK or TestFlight )
Posts: 1
Participants: 1
@kaju74 wrote:
Hi,
I’ve implemented the Cordova 3D-Touch in my app and wonna try it inside the DevApp since this plugin is supported - but how? Any ideas?
Best regards,
Marc
Posts: 1
Participants: 1
@a7mdFo2ad wrote:
I’m building an app in multiple languages
I’m using SQL Storage lite for keeping the chosen language
but sometimes the storage returns null<ion-item class="settings-items" no-border ion-item> <ion-icon class="img-view" item-start name="ios-globe"> </ion-icon> <ion-label [ngClass]="(this.Platform.isRTL ) ? 'settings-textAr': 'settings-text' ">{{'LANG' | translate}}</ion-label> <ion-select mode="ios" [(ngModel)]="lang" item-end (ionChange)="switchLanguage()"> <ion-option class="options" value="en" [selected]="lang === english"> English </ion-option> <ion-option class="options" value="ar" [selected]="lang === arabic"> العربية </ion-option> </ion-select> </ion-item>select lang
switchLanguage() { if (this.lang === 'en') { this.translate.use(this.lang) this.Platform.setDir('ltr', true) this.storage.set('DocLang' , JSON.stringify(this.lang)) } else { this.Platform.setDir('rtl', true) this.translate.use(this.lang); this.storage.set('DocLang' , JSON.stringify(this.lang)) }getting the language and setting it with the direction
this.Storage.get('DocLang').then((val) => { this.lang = JSON.parse(val) console.log(this.lang) if (this.lang === 'en') { this.TranslateService.use('en'); this.platform.setDir('ltr', true); } else if(this.lang === 'ar'){ this.TranslateService.use('ar'); this.platform.setDir('rtl', true); } });
Posts: 1
Participants: 1
@gydev wrote:
I remember previously that Ionic Pro had some problem some policy changes, is this issue solved now ? I don’t want to spend bucks and not being able to release app
Posts: 1
Participants: 1
@yns23 wrote:
hello
i want to create a web application , i try what is in the documentation , many youtube tutorials and many articles too
but i can’t deploy my application … i try my code with angular , it works fineany help please
Posts: 1
Participants: 1
@langlang wrote:
I am now developing social photo sharing platform using ionic.
The most important feature is to get GPS location from taken photo.
I’ve tried several times but always get failure to integrate exif js on my app.
I referred those links.https://www.raymondcamden.com/2015/12/03/ioniccordova-demo-where-did-i-take-that-picture
https://dzone.com/articles/ioniccordova-demo-where-did-i-take-that-picture
Is there anyone to have experiences of integrate exif js?
please leave any though if you have exp.
Welcome any opinions!
Thanks
Posts: 1
Participants: 1
@Zizazorro wrote:
What is the purpose of this plugin? The only functionality is getting redirected to the Youtube app itself. There is no way to add any parameters or to play it inside your app, right?
Are there any other features I can use with this plugin?
Posts: 1
Participants: 1
@allforfree wrote:
Hi! I’d like to show build date in my PWA, to make easier to check if it’s updated or cached. How to create/update constant with “ionic build” time? Any way to automate it?
Posts: 1
Participants: 1
@max_maeuschen wrote:
I’ve inserted some buttons with own icons in my app, using the following code (in app.scss):
ion-icon { &[class*="my-own-"] { mask-size: contain; mask-position: 50% 50%; mask-repeat: no-repeat; background: currentColor; width: 1em; height: 1em; } &[class*="my-own-icon"] { mask-image: url(../assets/img/my-on-icon.svg); }And on the particular page (in page.html):
<button ion-button> <ion-icon name="my-on-icon"></ion-icon> </button>It’s working fine on Android and iOS, but on Windows the icon inside the button is missing. What could be the problem?
Posts: 1
Participants: 1
@christianTigre wrote:
Una ayudita compañeros estoy aprendiendo con este framework de ionic, tengo que consumir datos de un Api Rest. La version de mi ionic “Ionic --version = 4.1.2”
Mi codigo en el POSTimport { Http, Headers, RequestOptions } from '@angular/http'; import 'rxjs/add/operator/map'; constructor(public http: Http, public storage: Storage) { console.log('Hello InvoiceServiceProvider Provider'); }hacerPost(){ var headers = new Headers(); headers.append("Authorization", '754fdffdgd3544'); headers.append('Content-Type', 'application/x-www-form-urlencoded' ); const requestOptions = new RequestOptions({ headers: headers }); let postData = { 'desde': '01/01/2018', 'hasta': '30/08/2018', 'id': '9887dsfh ', 'token': '654645645645', } this.http.post("https://miapp.com/traer/lista", postData, requestOptions) .subscribe(data => { console.log(data); }, error => { console.log(error); }); }Estos mismo credenciales del header y parametros los pruebo en Postman y me retorna correctamente los datos que deseo consumir, pero en ionic a pesar de varios intentos me retorna el error
- OPTIONS https://miapp.com/traer/lista 404 (Not Found)
- Failed to load https://miapp.com/traer/lista: Response for preflight does not have HTTP ok status.
Incluso tengo la extencion CORS instalada en mi navegador pero con esta funcion no trabaja, alguien que me diga que estoy haciendo mal porfavor.
Posts: 1
Participants: 1
@StephSince93 wrote:
Hi,
I am using the Ionic Dev App to test my environment locally on my IOS device, but I noticed that the App Version I display on my app is a different version than what is in my config.xml file. I’m just wanting to see if that is coming from the Ionic Servers and it’s not my mistake.
Thanks in advance.
Posts: 1
Participants: 1
@shepard wrote:
I am serving up an Ionic4 app on a server and if I go to a page directly the first time, it is not found.
For example, let’s say you went to mywhateverapp.com/login Before you went to mywhateverapp.com.
mywhateverapp.com/login fires back a 404 Not Found.
But if you go to mywhateverapp.com first and try the direct link to login, it works.Anyone have this problem?
Posts: 1
Participants: 1
@Onyango wrote:
I want to deploy new versions of my ionic app using UPDATE_METHOD Auto
so that the app is always up to date as stated in your documentation.Currently, it looks like the application has hung when a new update is available and it has to download and extract it. I would like to be able to detect when an update is available and show the progress of the update in the splash screen. I don’t see an easy way to do this aside from setting the UPDATE_METHOD to none and making the api calls myself using the code snippet you provide:
async performManualUpdate() { const update = await Pro.deploy.checkForUpdate() if (update.available){ await Pro.deploy.downloadUpdate((progress) => { console.log(progress); }) await Pro.deploy.extractUpdate((progress) => { console.log(progress); }) await Pro.deploy.reloadApp(); } }However, I’m hesitant to do this because the documentation says that doing manual updates can break the app.
none- will not automatically apply or download updates for you. Instead you have to manage the entire update process yourself using the Deploy Pro Client. This isn’t recommended as if you deploy an update that “breaks” your app and can no longer apply Deploy updates, you will have to release a native binary in order to fix the issue or the user will have to delete and reinstall your app. Using the background or auto methods protects you by applying updates in the native layer.Please provide a sample on how I can have the app auto update and display a progress bar to inform the user that the app is updating.
Posts: 1
Participants: 1
@peterjc wrote:
Hi, just a quick question.
I have a couple of Ionic 3 projects, that I am not quite ready to migrate over to Ionic 4 yet. At the same time, I want to start playing with Ionic 4 beta. I assume to do this I need to update the CLI to version 4.
My question is, if I do this, can I continue to use CLI v4, to build generate etc with my Ionic 3 projects?
For example, can I still generate a provider, and have it located in the providers folder as opposed to the new structure which would be under services? (just to be constant until I can migrate the whole project to the new structure)
Thanks in advance!
Posts: 1
Participants: 1
@jngomezd wrote:
I installed IONIC 4, and when i create an application, its structure looks like v3 apps. The Generate command shows “Provider” intead of “Service”. I’ve erased and re-intalled npm y its components. Any ideas???
Posts: 1
Participants: 1
@Bhekor wrote:
Hello,
Please, I need help in creating a walkthrough intro in my app instead of intro slider. Just like I’ve seen in some native applications, other contents on page are gray(overlay) out and the part you want to talk about is highlighted (focus on). Pls help if you can.
Hope you understand what I’m trying to say.
Thanks in advance.
Something like this:
https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTJ76V9siV8OTVBY4-AkgNxxxcPcDkoOQEohUeRvOJgaXoh3fUcNUkXAjNu
Posts: 1
Participants: 1
@lucasZ wrote:
I would like to change the orange background to green, but with some animation, for example, when it is orange it will turn green.
If you can check out the two gifs I’ve assembled, you’ll understand what I mean.
HOW IT IS CURRENTLY -> GIF
HOW I WANT THEM TO BE -> GIF
HOME.HTML
``<ion-content > <div style="background-color: #f87f0e; padding: 10px;"> <ion-slides pager> <ion-slide > <ion-card style="border-radius: 15px;margin-bottom: 35px"> <ion-card-content style="font-family: sans-serif;"> <ion-row> <ion-col col-12> <P style="color: #9e9e9e;float: left;font-size: 15px">BALANCE PERSONAL</P> </ion-col> <ion-col col-12> <H2 style="float: left;font-size: 20px">4.235632 <small>MIC</small></H2> </ion-col> </ion-row> </ion-card-content> </ion-card> </ion-slide> <ion-slide> <ion-card style="border-radius: 15px"> <ion-card-content style="font-family: sans-serif;"> <ion-row> <ion-col col-12> <P style="color: #9e9e9e;float: left;font-size: 15px">BALANCE BUSINESS</P> </ion-col> <ion-col col-12> <H2 style="float: left;font-size: 20px">4.235632 <small>MIC</small></H2> </ion-col> </ion-row> </ion-card-content> </ion-card> </ion-slide> </ion-slides> </div> </ion-content>``
Posts: 1
Participants: 1
@salomon022 wrote:
my ts code
takePhoto() { const options: CameraOptions = { quality: 100, destinationType: this.camera.DestinationType.FILE_URI, encodingType: this.camera.EncodingType.JPEG, mediaType: this.camera.MediaType.PICTURE } this.camera.getPicture(options).then((imageData) => { // let base64Image = 'data:image/jpeg;base64,' + imageData; this.myPhoto ='data:image/jpeg;base64,' +imageData; console.log(this.myPhoto); }, (err) => { }); }my html code
<ion-content padding> <button ion-button (click)="takePhoto()" full color="primary">click</button> <img src="{{myPhoto}}"/> </ion-content> 111
Posts: 1
Participants: 1
@morphist wrote:
Hey guys,
I finally wrapped up initial work on the project I started quite a few months ago. My goal was to leverage Ionic 3 but start with PWA approach (then potentially expand with hybrid apps as needed). This is now officially “open alpha”:
https://www.morphistic.app - vector shapes collage app;)
The app uses SVG for all the graphics and I leveraged Angular’s data binding to try to get max performance out of it.
Also I managed to score 100s at the Lighthouse test:
Please let me know what you guys think or if you have questions.
Posts: 1
Participants: 1
