On some Android devices, turning off zoom might not always work as expected . This happens because different phone manufacturers customize the Android system in their own way . So, even if you try to disable zoom (like pinch-to-zoom gestures ) for design or accessibility reasons, it may not function properly on every device

To avoid this problem in your app, you can inject a custom CSS or JavaScript code into your web or app’s advanced settings . This approach allows you to manually control the behavior of zoom , ensuring greater compatibility across devices .

Follow the procedure below:

1. Go to Integration Modules
2. Enable Custom CSS & JS
3. Copy the script below and paste it in ‘custom JavaScript’
4. Click on Save Changes

Hopefully, this will solve your issue! If not, we suggest contacting support . The support team can provide more tailored help or guide you through adding custom scripts to ensure zoom disabling works properly on your specific device .

The script:

var metaElement = document.createElement('meta');

metaElement.name = 'viewport';

metaElement.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';

var head = document.head || document.getElementsByTagName('head')[0];

head.appendChild(metaElement);     

 

Steps to enable the camera for file uploads:

1. Go to Advanced Settings in your app’s configuration panel.
   • Enable the camera by selecting “Yes” to allow access to the device’s camera . This will let users upload images by capturing them directly from the camera.
2. Go to the Integration Module .
   • In the integration settings, enable Custom CSS & JS by toggling this option on.
   • Then, navigate to the Custom JavaScript section .
   • Paste the script code provided below into the custom JavaScript field. This code will allow the camera to be accessed from the file upload field.
3. After pasting the code, make sure to save your changes by scrolling to the bottom and clicking the “Save” button.
4. Finally, rebuild the app to apply the new settings. Once rebuilt, users will be able to choose between uploading an image from their gallery or using their camera directly when uploading files.

If you need further assistance or run into any issues, our support team is always available to help you .

The script:

if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {

    const constraints = {

      video: true

    };

    navigator.mediaDevices.getUserMedia(constraints)

      .then(function (stream) {})

      .catch(function (error) {});

  }

If it is still not working then:

1. Go to the Integration Module .
   • In the integration settings, enable Custom CSS & JS by toggling this option on.
   • Then, navigate to the Custom JavaScript section .
   • Paste the script code provided below into the custom JavaScript field. After pasting the code, make sure to save your changes by scrolling to the bottom and clicking the “Save” button.

Finally, rebuild the app

If you need further assistance or run into any issues, our support team is always available to help you .

The script: 

if ("geolocation" in navigator) {

    navigator.geolocation.getCurrentPosition(function(position) {

      // Successfully retrieved the location

      console.log("Latitude: " + position.coords.latitude);

      console.log("Longitude: " + position.coords.longitude);

    }, function(error) {

      // Failed to retrieve the location

      console.error("Error Code = " + error.code + " - " + error.message);

    });

  } else {

    console.error("Geolocation is not supported by this browser.");

  }

1. Go to the Integration Module .
   • In the integration settings, enable Custom CSS & JS by toggling this option on.
   • Then, navigate to the Custom JavaScript section .
   • Paste the script code provided below into the custom JavaScript field. This code will show the camera permission popup when the app opens for the first time.
2. After pasting the code, make sure to save your changes by scrolling to the bottom and clicking the “Save” button.
3. Finally, rebuild the app to apply the new settings. Once rebuilt, users will be able to choose between uploading an image from their gallery or using their camera directly when uploading files.

If you need further assistance or run into any issues, our support team is always available to help you .

The script:

if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {

    const constraints = {

      video: true

    };

    navigator.mediaDevices.getUserMedia(constraints)

      .then(function (stream) {})

      .catch(function (error) {});

  }

Let’s point out a few possibilities for slow performance:

1. Heavy website content: In some cases, your website might be heavy with images, videos , and other content that takes time to load . While your website may seem fast, the app could take longer to load that content.
2. Default Loader Setting: In URL2App’s case, the value for ‘Hide Circle Loader at % Page Loaded’ is set to 80% by default . This means the app will only show progress once 80% of the website is loaded. To make the app feel faster, change the value to 40-60% . This will display progress earlier, speeding up the perceived performance of your app .
3. Check your website’s speed: You can check your website’s loading speed using the tool PageSpeed Insights . If the results show your site is slow , you may need to optimize it to improve app performance.

If you need more help, our support team is always here for you

[Resource caching refers to the process of storing copies of files or data (like images, scripts, stylesheets, or web pages) locally on a device or server] . When caching is enabled, the app stores a local copy of previously loaded content . This means that updates made to websites may not appear in the app immediately, as it keeps showing the older cached version instead of loading the most recent content . So, if your app requires frequent data changes , the solution is to disable resource caching.

How to resolve the issue:

To fix this, follow these steps:

1. Go to Advanced Settings .
2. Locate the option for ‘Enable Resource Caching’ . By default, this option might be set to ‘YES,’ which enables caching .
3. Select ‘NO‘ from the dropdown or toggle button to disable resource caching . This ensures that the app will always load the latest version of your website .
4. Save the changes by scrolling to the bottom and clicking the ‘Save‘ button.

Once you’ve done that, you need to rebuild the app and update it on the relevant platform. After this process, the app should display the most current version of your website.

This feature helps avoid accidental exits by requiring a second confirmation, making navigation smoother and less frustrating .

To fix the double back press issue for exiting the app:

1. On the Homepage : When you’re on the homepage, pressing the back button won’t show an exit confirmation pop-up. That’s the normal behavior!
2. On Other Pages : If you’re browsing any other page, pressing the back button will bring up the exit confirmation pop-up, letting you exit the app with a simple tap.
3. Adjust Settings : Make sure the “Show Exit App Confirmation on Double Back Press?” setting is enabled. Head to the Customization tab and set it to “Yes” to turn on this feature.

Follow these colorful steps to make sure the double back press works perfectly and shows the exit confirmation when needed!