Skip to main content

Posts

Add to home screen on custom button click

In the last post I had shared with you how to make the browser show a "Add to Home Screen" dialog box in Mobile devices. It is possible in both Android, iOS and even on Latest desktop browsers too. This feature is available in modern web browser and it helps us to install the PWA in user's device. In this post we will learn how to show Add to Home Screen prompt when user clicks a button. The dialog box like the image below will popup on user's screen once they click the button designed to do that task. Below is the  Add to home screen popup dialog box . To popup add to home screen dialog box all we need to do is - Trash the  beforeinstallprompt Call  deferredPrompt.prompt() when a custom button is cliked Who wants to waste time in reading. So here's the code for you. NOTE : manifest.json and service-worker.js file needs to be available in the same directory. Refer to last post to learn how to do that. Check and download source co...
Post a Comment
Read more
Recent posts

Add to Home Screen

The first chapter in building progressive web apps (PWA). Progressive Web Apps are booming fast and all most all major apps are coming up with respective web app. Because web platform is becoming so universal that replicates app like behavior and objective that we want to achieve with Andriod/iOS app could be achieved with web browser itself. Add to home screen is a modern feature that enables us to add shortcut in device's home screen So why not give it a try. Requirements : Manifest.json file Service worker Time : 5 Minutes Coffee : Just a cup is enough. STEP 1 Create the HTML page (index.html) STEP 2 Create a manifest file with json extension (manifest.json) NOTE : A valid PNG icon should be available having at least 144px resolution STEP 3 Write the code for service worker in .js extension (service-worker.js) STEP 4 Sip your coffee and get prepared for next step. Not tough though, nothing to fear Ashiq   will guide you well. STE...
Post a Comment
Read more

Convert Basic Disk to Dynamic Disk in Windows 8/7

Convert Basic Disk to Dynamic Disk in Windows 8/7 This post compares Basic Disk and Dynamic Disk and shows how to convert basic disk to dynamic disk and dynamic disk to basic disk, using Disk Management and CMD /  diskpart ,  without losing the data in Windows 8. Basic Disk and Dynamic Disk There are two types of computer hard disks: Basic disks and Dynamic disks. Basic disks are the commonly used storage media with Windows. They contain partitions like Primary partitions and Logical drives which are typically formatted with a file system. Dynamic disks offer the ability to create fault-tolerant volumes that may even span multiple disks – which Basic disks cannot. Most home personal computers are configured using Basic disks, however IT professionals usually prefer to use Dynamic disks, as they offer more functionality and increased reliability and performance. While Home editions of Windows support Basic Disks, Enterprise/Pro/Ultimate versions of Windows oper...
Post a Comment
Read more

Download AOMEI Partition Assistant Professional free : Unlimited Giveaway!

Download AOMEI Partition Assistant Professional free : Unlimited Giveaway! It’s after a long time that we have decided to hold a giveaway. This time we are offering a copy of  AOMEI Partition Assistant Professional  edition free to ALL our readers who care to download it. The offer was too good to resist. We weren’t being offered just 10 licenses or so – but an unlimited number of downloads! AOMEI Partition Assistant Professional AOMEI Partition Assistant Professional 5.5 includes additional features as compared to the free version. It brings a wide variety of tools to make your PC disk partition management easier and safer. It now allows you to create, resize, move, merge, and split partitions without losing data, apart from offering new features like OS migration, Windows 8 To Go and much more. The Windows To Go Creator lets you deploy a full corporate environment that can boot from an external USB hard drive. Your Windows need not even have the Windows To...
Post a Comment
Read more

Windows installation GPT error

Windows cannot be installed to this disk. The selected disk is of the GPT partition style If while  installing Windows 10  on your computer, you receive  Windows cannot be installed to this disk. The selected disk is of the GPT partition style  message, maybe something here will be able to help you. When you receive this message, you are unable to select any drive and proceed further with the setup, by clicking Next. Windows cannot be installed to this disk. The selected disk is of the GPT partition style MBR and  GPT  are two formats of hard disk. MBR is the abbreviation of master bootable record, whereas GPT is abbreviation of GUID partition table. In order to boot Windows from GPT, the motherboard of the device should support UEFI, else, it is better to use MBR to boot from. When installing Windows on UEFI-based PCs using Windows Setup, your hard drive partition style must be set up to support either UEFI mode or legacy BIOS-compatibility m...
Post a Comment
Read more

How to Convert MBR to GPT without Data Loss?

How to Convert MBR to GPT without Data Loss? Why Convert MBR to GPT? Nowadays, many Windows users have come up with the question of "how to convert MBR to GPT without data loss". Also, in many technical blogs and forums, this question can be heard frequently as well. Why do they want to convert MBR to GPT? Let's see the  difference between MBR and GPT  as follows. The MBR hard disk can only support 2TB hard disk at most, but GPT can support 256TB. The users can only create four primary partitions or three primary partitions and one extended partition at most. The GPT can support 128 primary partitions at most. Some booting main boards can not support GPT as their system drive, such as MAC. Some Windows operating systems can not work with GPT hard disk, such as Windows 2000, XP, Windows 2003 32bit. How to Convert MBR to GPT without Data Loss? Diskpart The Diskpart Command can achieve the goal by the following steps. Step 1:  click "Start...
Post a Comment
Read more