Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70914 articles
Browse latest View live

Use of HTTP requests blocked in Ionic v7?

$
0
0

Previously on ionic v5 I was able to send HTTP requests to a server running on the local network.

Now I get this error when the app runs on the device

Cleartext HTTP traffic to 192.168.1.254 not permitted

Is there anyway to allow making HTTP calls?

I also tried installing self-signed SSL cert on the local webserver and still got the following error

Line 1 - Msg: log testHttps error ====================> Error: java.security.cert.CertPathValidatorException: Trust anchor for
certification path not found.

1 post - 1 participant

Read full topic


My ionic 6, capacitor 4 app is not compatible on Android v14 devices

$
0
0

I have an Ionic 6 Angular app with Capacitor 4… on Android v14 devices Google play is displaying an error stating that my app is not compatible with this device anymore… what is the issue here? I cannot solve this issue when I do not know what exactly is the problem, Google Play Console shows no red flags on devices and/or Android versions… please help

1 post - 1 participant

Read full topic

Ionic v6 date-time

$
0
0

Hi Team,

I am using Ionic v6 date-time picker, but in this update I see that the weekdays are also showing along with dates, I read the documentation and there is no such property to hide the weekdays.
I do not want to show weekdays, is there any way I can fix it?

This is how it shows, but I want the same without weekdays
image

1 post - 1 participant

Read full topic

Adjust size property on ion elements

$
0
0

Hello everyone,
I would be pleased if somebody can advise how to set size property of ionic elements depending on screen resolution. For example, for xs screens ion-button set size = “small” and for lg screens size = “large” and for the rest size = “defalt”. I can’t see any advantage to use css to adjust styles when size property already does it.

Kind regards and thanks in advance.

1 post - 1 participant

Read full topic

Ionic Vue vue-router children routing issue

$
0
0

I am encountering vue-router not working correctly for child paths.

Here is a link to my repository with an example.
ArtBoguslavskiy/ionic-router-redirection-problem (github.com)

To see the problem you need to open any of the links on tab1 first. Then open tab2 and tab3 in any order and then go back to tab1 and you will see /tabs/tab1/tab1-detail1 or /tabs/tab1/tab1/tab1-detail2 outlined page depending on the link you selected earlier, although you are actually on /tabs/tab1/tab1-detail

My task is to redirect to the main tab1 page going from tab2 and tab3. And as I understand the routing worked fine but the page rendering breaks.

And I can’t quite figure out what I’m doing wrong.
Thank you in advance for your reply.

1 post - 1 participant

Read full topic

Select image no longer works in capacitor with the update to android api 33

$
0
0

Hi, since I updated my app ionic capacitor with api 32 to api 33 android, the functionality of selecting images from the device gallery stopped working. It is no longer activated. I appreciate any collaboration.

I use these libraries

import { Camera, CameraResultType, CameraSource, Photo,
} from ‘@capacitor/camera’;

@capacitor/camera”: “^1.3.1”,
@capacitor/core”: “4.6.1”,
@capacitor/android”: “3.4.3”,

My code is this

Blockquote
async selectImage2() {
const image = await Camera.getPhoto({
quality: 50,
resultType: CameraResultType.Uri,
source: CameraSource.Photos, // Camera, Photos or Prompt!
});

if (image) {
  const base64Data = await this.readAsBase64(image);
  let base64Image = 'data:image/jpeg;base64,' + base64Data;
  console.log(base64Image);
  this.imagen4 = base64Image;
  this.changeDetectorRef.detectChanges();
  this.presentToast('image uploaded successfully', 'success');
}

}

Blockquote

2 posts - 1 participant

Read full topic

Ion-Icon + Ion-Bagde in Ionic7

$
0
0

In my example above I am able to set a badge inside an ion-button with ion-icon and apply some css settings to make it work with

position: absolute;
top: -7px;
right: -5px;
border-radius:100%;
aspect-ratio: 1 / 1;
width:20px;
height:20px;
font-size: 0.8em;
–padding-start:0px;
–padding-end:0px;
–padding-top:4px;
–padding-bottom:3px;

Thing is if I just use an ion-icon + ion-badge without the ion-button as a parent element, I cant seem to make this to work.

If you have been able to use ion-icon + ion-badge together, can you please advise?

Thanks

1 post - 1 participant

Read full topic

How to customize default Capacitor Camera Plugin

$
0
0

Please describe the question in detail and share your code, configuration, and other relevant info.

I am using Default Camera configuration mentioned in the document :
clickPicture = async (fieldname:any)=>{
const image = await Camera.getPhoto({
quality:100,
allowEditing:false,
resultType:CameraResultType.Uri,
source:CameraSource.Prompt
});
}

1 post - 1 participant

Read full topic


Ionic 7 capactitor - ERR_CONNECTION_REFUSED (CORS)

$
0
0

App Info:

  • Ionic 7
  • capacitor 5
  • Run debug in Android Studio

When I start my application locally from Android Studio, which starts on localhost, I call a url http://localhost:8080.

I get the error ERR_CONNECTION_REFUSED.

Could someone tell me the steps to follow? I see a lot of information on the internet, but nothing concrete.

Thx a lot

1 post - 1 participant

Read full topic

Ionic chat text & audio with angular

$
0
0

Hi people
I have to implement a chat that allows text and audio, I saw that there are quite a few tutorials with services that are free for text but not for audio What libraries should I use?

Is firebase good for audio management?

1 post - 1 participant

Read full topic

How do I distribute images with iOS app?

$
0
0

My single page web app shows images loaded from the server with the src property in img tags. I want the iOS app version to include the images and load them from its internal data (to avoid having to wait to fetch them over the internet). How do I set Capacitor up to include the images with the iOS app?

5 posts - 2 participants

Read full topic

Is Ionic 6 cordova App APIs support TLS 1.2 API ? required impletation Steps

$
0
0

Developed Ionic 6 Cordova app having AWS Apis are integrated. Now AWS API gateway enforces to supports TLS 1.2 protocol not lower protocol. need to know is TLS 1.2 protocol supports ionic 6 cordova app? if yes then required implementation steps. if no then is there any alternative for this.

2 posts - 2 participants

Read full topic

V6/react Alert with input checkbox/radio and other type

$
0
0

Hi

I’m trying to present an alert (inline) with 2 inputs : checkbox and date.

  • when the checkbox is the first input, I have two checkbox on screen, the second has no label, and my input date is not presented
  • when the date is the first input, on screen I have it correctly, but my checkbox has no label !

here is my code

            <IonAlert
                isOpen={isSaisieDtPerOpen}
                onDidDismiss={onDismissSaisieDtPer}
                header="Changement de date de péremption"
                message="Saisir la péremption du lot"
                inputs={[
                    {
                        name: "PasDePeremption",
                        type: "checkbox",
                        label: "Pas de péremption",
                        checked: zoneChangeQt?.LOT_DatePeremption == "",
                    },
                    {
                        name: "datePeremption",
                        type: "text",
                        value: datePeremptionLot,
                    },
                ]}
                buttons={[
                    { text: "Annuler", role: "cancel" },
                    { text: "Changer", role: "ok" },
                ]}
            />```

Does anyone else has this issue ? I try to replace checkbox with radio, and date with text, still same issue.

Best regards

1 post - 1 participant

Read full topic

How to use ionic icon with input field

$
0
0

Hey guys,
Is it possible to add icon in <ion-input> along with the floating label.
Basically i want to show a icon along with the label-text, which will be floating along with the label text.

1 post - 1 participant

Read full topic

NFC integration in Ionic react with capacitor 5

$
0
0

Hi, I’m trying to read NFC tags on my Android with Ionic React and with capacitor 5.

PhoneGap NFC seems to be the only plugin to do the job.

So far, I didn’t figure it out. I read many articles but there are not so much information to go further please help me out . any other npm package which can help me in this.

1 post - 1 participant

Read full topic


Nfc integearation in ionic react capacitor porject

$
0
0

Hi I want to add nfc reader functionality in my app I am using ionic react with capcitor project
So i installed @ionic-native/nfc module in my app then phonegap-nfc but when i try to build my app and open it the app crash on startup and i got the error in android studio logcat
Here is the code snippets ,error and app configuration

const addNFCListener = async () => {
try {
await NFC.addNdefListener(
() => {
console.log(‘successfully attached ndef listener’);
},
async (err:any) => {
console.log(‘error attaching ndef listener’, err);
// Handle error
}
).subscribe(async (event) => {
console.log('received ndef message. the tag contains: ', event.tag);
const id = NFC.bytesToHexString(event.tag.id);
// Handle the tag ID as needed

      // Display the tag ID in a toast or another way as needed
      console.log(id);
    });
  } catch (error) {
    console.error('Error adding NFC listener', error);
    // Handle error
  }
};

addNFCListener();

@awesome-cordova-plugins/core”: “^5.40.0”,
@awesome-cordova-plugins/firebase-authentication”: “^5.41.0”,
@awesome-cordova-plugins/network”: “^6.2.0”,
@awesome-cordova-plugins/pdf-generator”: “^5.41.0”,
@awesome-cordova-plugins/photo-viewer”: “^5.39.1”,
@awesome-cordova-plugins/sign-in-with-apple”: “^5.41.0”,
@awesome-cordova-plugins/splash-screen”: “^6.2.0”,
@capacitor-community/facebook-login”: “^3.3.0”,
@capacitor-community/native-market”: “^4.0.0”,
@capacitor/android”: “^5.0.0”,
@capacitor/app”: “^5.0.0”,
@capacitor/core”: “^5.0.0”,
@capacitor/filesystem”: “^5.0.0”,
@capacitor/haptics”: “^5.0.0”,
@capacitor/ios”: “^5.0.0”,
@capacitor/keyboard”: “^5.0.0”,
@capacitor/push-notifications”: “^5.0.0”,
@capacitor/status-bar”: “^5.0.0”,
@ionic-native/nfc”: “^5.36.0”,
“phonegap-nfc”: “^1.2.0”,

FATAL EXCEPTION: main
Process: com.realornot.app, PID: 16105
java.lang.RuntimeException: Unable to resume activity {com.realornot.app/com.realornot.app.MainActivity}: java.lang.IllegalArgumentException: com.realornot.app: Targeting S+ (version 31 and above) requires that one of FLAG_IMMUTABLE or FLAG_MUTABLE be specified when creating a PendingIntent.
Strongly consider using FLAG_IMMUTABLE, only use FLAG_MUTABLE if some functionality depends on the PendingIntent being mutable, e.g. if it needs to be used with inline replies or bubbles.
at android.app.ActivityThread.performResumeActivity(ActivityThread.java:4773)
at android.app.ActivityThread.handleResumeActivity(ActivityThread.java:4806)
at android.app.servertransaction.ResumeActivityItem.execute(ResumeActivityItem.java:54)
at android.app.servertransaction.ActivityTransactionItem.execute(ActivityTransactionItem.java:45)
at android.app.servertransaction.TransactionExecutor.executeLifecycleState(TransactionExecutor.java:176)
at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:97)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:2307)
at android.os.Handler.dispatchMessage(Handler.java:106)
at android.os.Looper.loopOnce(Looper.java:201)
at android.os.Looper.loop(Looper.java:288)
at android.app.ActivityThread.main(ActivityThread.java:7872)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:548)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:936)
Caused by: java.lang.IllegalArgumentException: com.realornot.app: Targeting S+ (version 31 and above) requires that one of FLAG_IMMUTABLE or FLAG_MUTABLE be specified when creating a PendingIntent.
Strongly consider using FLAG_IMMUTABLE, only use FLAG_MUTABLE if some functionality depends on the PendingIntent being mutable, e.g. if it needs to be used with inline replies or bubbles.
at android.app.PendingIntent.checkFlags(PendingIntent.java:401)
at android.app.PendingIntent.getActivityAsUser(PendingIntent.java:484)
at android.app.PendingIntent.getActivity(PendingIntent.java:470)
at android.app.PendingIntent.getActivity(PendingIntent.java:434)
at com.chariotsolutions.nfc.plugin.NfcPlugin.createPendingIntent(NfcPlugin.java:486)
at com.chariotsolutions.nfc.plugin.NfcPlugin.startNfc(NfcPlugin.java:534)
at com.chariotsolutions.nfc.plugin.NfcPlugin.onResume(NfcPlugin.java:814)
at org.apache.cordova.PluginManager.onResume(PluginManager.java:287)
at com.getcapacitor.cordova.MockCordovaWebViewImpl.handleResume(MockCordovaWebViewImpl.java:155)
at com.getcapacitor.Bridge.onResume(Bridge.java:1271)
at com.getcapacitor.BridgeActivity.onResume(BridgeActivity.java:85)
at android.app.Instrumentation.callActivityOnResume(Instrumentation.java:1564)
at android.app.Activity.performResume(Activity.java:8437)
at android.app.ActivityThread.performResumeActivity(ActivityThread.java:4763)
… 13 more

1 post - 1 participant

Read full topic

HTML and CSS Editor Platforms?

$
0
0

Hi All

I have been working on my app, but now I need to update the theme/ overall look by changing the HTML and CSS.

The team member who could be working on the HTML and CSS has not got much experience with Ionic, so I would like to know if there is any platform or way I can present to them only the HTML/ CSS to edit or work on.

1 post - 1 participant

Read full topic

Database implementation decision

$
0
0

Hello, I am developing an app and also a website with ionic 7 / angular 16.
I need a SQL database and documentation to be able to implement both the native part and the web part.
Could you help me what would be the best implementation?
Greetings.

1 post - 1 participant

Read full topic

Figma and Ionic Integration

Ion-icon custom icons won't appear

$
0
0

I’m trying to use custom icons for my ion-icon, and my code are as below. The custom icons will appear during development (running ionic serve), but after I compiled it using ionic build --prod and deploy it on my server, the custom icons will be missing.

<ion-grid>
        <ion-row>
          <ion-col>
            <ion-icon :icon="charity"></ion-icon><br/>
            Driving License Renewal Reminder
          </ion-col>
          <ion-col>
            <ion-icon :icon="knowledge"></ion-icon><br/>
            Receipts Keeper
          </ion-col>
        </ion-row>
 </ion-grid>

<script lang="ts">
export default defineComponent({
  components: { IonIcon },  
  setup () {
    const router = useRouter();
    return { router,  };
  },
  data() {
    return {
      charity: '/src/assets/img/charity.svg',
      knowledge: '/src/assets/img/knowledge.svg',
}
</script>

1 post - 1 participant

Read full topic

Viewing all 70914 articles
Browse latest View live


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