Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 231638 articles
Browse latest View live

Using Ionic if-else statement for Speech recognition (NEED URGENT HELP PLEASE!)

$
0
0

NEED URGENT HELP PLEASE!

I am on my project. I am using Ionic speech recognition version 3 for practising English Pronunciation.
I want to use if-else for setting true and false in English Word Pronunciation.
For example, when users speak the word as “dark”; the result shows “true”. However, users speak another word; the result shows “false”

If anyone has any great ideas/recommends, please advice me.

Thank you so much!
I am a junior of Ionic.


Deploying ionic as browser. vender.js is too big to load

$
0
0

Hello

I’m using ionic v3 for both app and web. I hosted it in heroku it works very well.
but the problem is that web version load too slow and I checked and found out that vendor.js takes too much time

vendor.js is about 8 MB so it takes about 20sec to load page…
How can I make my web browser load more faster?

Ion-alert-controller

$
0
0

<ion-alert-controller> no longer exists in Ionic 5.

If you look at how alerts are built in the latest documentation: https://ionicframework.com/docs/api/alert#usage, with javascript tab selected, you’ll see that you can structure your alert as follows (beginning where you had alertCtrl.create())

    const alert = document.createElement('ion-alert');
    alert.header = 'Invalid inputs';
    alert.message = 'Please enter a valid reason and amount.';
    alert.buttons = ['Okay'];
    document.body.appendChild(alert);
    alert.present();

Ionic 4 & vuejs app (checkbox problem)

$
0
0

hello, i’m quite new to ionic and i know that vuejs is only on beta mode but i still wanted to try a simple todos app. i use firebase for my db. it works fine : i can add a new item and display everything but the problem is, the checkbox doesn’t show the checked symbol.

i have a simple object with isChecked by default on false :

const newItem = { name: this.name, isChecked: false }

when i click on the box for the specific item, it changes to true and if i click again, it changes to false, etc. it works as expected (makes the changes on firestore too) but the symbol never changes. it’s always unchecked.

i basically used this doc https://ionicframework.com/docs/api/checkbox for vue

even when i used this (and adding the key):

  <ion-list>
    <ion-item v-for="entry in form">
      <ion-label>{{entry.val}}</ion-label>
      <ion-checkbox
        slot="end"
        @input="entry.checked = $event.target.value"
        :value="entry.isChecked">
      </ion-checkbox>
    </ion-item>
  </ion-list>

with the same data array :

    form: [
      { val: 'Pepperoni', isChecked: true },
      { val: 'Sausage', isChecked: false },
      { val: 'Mushroom', isChecked: false }
    ];

the same problem occurs. i even tested with ionic’s latest version but it’s not working.


here is the example from the documentation, pepperoni is set to true and yet it doesn’t show it.

can somebody help me please ?

IONIC 3 IOS : bugs in your app when reviewed on iPad running iOS 13.5.1

$
0
0

i didnt fix it yet, may someone help us !!

Disconnecting the UI from the data store

$
0
0

I created a complete sample app that illustrates how to do this - for anyone else who’s trying to make this work. You can find it at Ionic Edit Object Sample

Path problem after building an Ionic web application

$
0
0

Hi, have you solved the problem? (same for ionic 4 and 5)

How to detect 'go' press from ios keyboard with ion-searchbar Ionic 5

$
0
0

Mhh maybe this is because of Capacitor, but (keyup.enter) works in my Cordova App


Get users country without permissions

$
0
0

Try to get user ip address.
Then use http api to get country , city … from given ip address

E2e tests page navigation

$
0
0

I’m currently working on some e2e tests, and facing an issue with page navigation. the assertion failed because it can’t find the element even if the page is completely loaded “the animation is disabled so the page charged immediately”. To make it work i have to add browser.wait in every test suit after each page navigation.
Is there any alternative solutions to browser.wait specially as mentioned in the doc testing section there a solution app.waitForPageNavigation() but i couldn’t find any implementation for this?
Link: https://ionicframework.com/docs/angular/testing

Lock Windows 10 text scale on Windows App

$
0
0

I solved it, or at least somehow, by using font-size and “vw” (viewport) property. For example: font-size: 1.5vw

Windows 10 scale factor make believe the application is using a lower res, so this font-size property maintain the aspect ration between 100% and 150% scale. It workerd better than using a font-size an a percentage

Ionic 4 - Nested Tabs Relative Routes

$
0
0

I am also experiencing this issues. i have notified support but no telling how long it will take for a response.

Get users country without permissions

$
0
0

You guys think way to complicated, why not use the device Language? If it is just for the default phone prefix, this should be enough.

Ionic 4 - Nested Tabs Relative Routes

$
0
0

What is it that you are struggling with sir?

Can't hide scroll bar


Using Ionic React without TypeScript

$
0
0

Hello,

if I use ionic create to create ionic app with react, it uses typescript. Is it possible to create without typescript?

Thanks!

Search Bar Logic

$
0
0

Hello, i wanted to ask if anyone has a good implementation of the ionic search bar in React. As the documentation does not show how to actually make the search bar functional. I have already tried viewing the source code of the example that is shown, and implementing that into ionic/react project. But i am running into countless issues. Has anyone got a good implementation of the search bar in React or does anyone know of a github project that has this figured out. Any help would be appreciated.

[Tutorial] How to implement StartApp Ads in your Ionic App

$
0
0

Hi Lukas,
I hope you are very well, just to thank you for your work, it was very helpful, and to tell you that as soon as I get rid of this development I would like to fork your project to implement the native ads, I hope it may be possible.

Cheers

Ionic 4 - Nested Tabs Relative Routes

$
0
0

Trying to use nested tabs with the native support. tab=“tab3” when nested directs to the right page but with errors

Ionic 4 - Nested Tabs Relative Routes

$
0
0

Not that you need care one iota about my opinion or that of the folks who wrote Tabs, Used Right, but I always do my best to follow the guidelines in that piece when dealing with tabs, and #10 specifically discourages nested tabs on two distinct grounds.

Viewing all 231638 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>