Category: HTML

The correct way to display Favicon on Edge browser

I found that it was a problem to display the Favicon of my website in the MS Edge while in Chrome and FireFox there was not any problem.

After playing around it a while I’ve found that the MS Edge does not love relative paths but only absolute global http(s) addresses.

So this is the correct way to display the Favicon in the MS Edge:

<html>
  <head>

    <!-- IE -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

    <!-- Edge -->
    <link rel="shortcut icon" href="https://www.yourdomain.com/favicon.ico" type="image/x-icon" />

    <!-- other browsers -->
    <link rel="icon" type="image/x-icon" href="favicon.ico" />

  </head>
  ... rest of your page...
</html>

The final version of the Web Into App is now online.

After a lot of work (and thinking and debugging) we are proud to announce that the final version of the Web Into App is now online.

The new version name of this release called V.EITHAN. Here are some benefits of the V.EITHAN release:

  • Turn any website into a FREE or a Dedicated App.
  • For Android and iOS platforms and devices.
  • You can compile the Android App into an APK file online (for debug and release). The iOS App is available in the source code, you can compile and distribute it with your own Mac machine (this is a requirement of Apple).
  • Pay only for the features you are using. One time fee. No subscription. No hidden fee.
  • Set the icon and the certification (the ownership) of your App easily. 
  • A FREE or a Dedicated mode.
  • Push notification to your App users using the Google Firebase.
  • Get the usage statistics of your App with Google Firebase.
  • Add your own AdMob banner and earn money.
  • Update / upgrade the version of your App in the feature.
  • A strong support.
  • Easy to use.
  • Guides and tutorials of how to use our services.

Here is the home page of the Web Into App:
https://www.webintoapp.com

Here are some guides of how to use our services:
https://www.webintoapp.com/guides

For any kind of support feel free to email us to:
webintoapp@gmail.com

Also, please note that we had created a Windows desktop version of the WebIntoApp.com services which called ‘Web-Into-App on Desktop’ for easy access and easy management to our website and our services from your Windows desktop. You can download the Windows Installer of this App for free from:
https://www.webintoapp.com/application/setup/WebIntoAppSetup.msi

CoreUI modal not working – Fix CoreUI modal

I’ve faced a problem when displaying the modal of coreui when calling a js function, such as:

$('#modal-create-token').modal('show');

Well, after searching for a solution I’ve founded that adding CSS style as above will fix the probelm, and the modal of the coreui will be display:

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.fade.out {
  opacity: 0;
}

Also, you may need to add to the modal tag ‘data-backdrop=”false”‘, for example:

<div class="modal fade" id="modal-create-token" tabindex="-1" role="dialog" data-backdrop="false">

🙂