Skip to main content

How to enable Downloading support in Kodular Web Viewer?

How to enable Downloading support in Kodular Web Viewer?

Welcome to your own website  Learn Web, as you have seen in this article we will be learning "How to enable downloading support in Kodular Web Viewer component?" Now, we proceed to our tutorial and here we start our article.....


How to enable Downloading support in Kodular Web Viewer?

What is Web Viewer?


Web viewer is a component provided to us in Kodular Creator. This component can be found under the layouts option in the views section. This is a component that enable user to surf through Website and you can set any Webpage visible to viewer but it doesn't perform completely like a Browser and this doesn't have all function like a browser. So, if we want to enable any user to download a file we have to set some extra blocks. In this article we will be learning how to enable this function in Web viewer.

Benefits of enabling download option in Kodular;


We can be accessible to many benefits if we enable downloading support in Kodular Web viewer. For example In my case i used this function in my browser which I made about two years ago. I can say that this will be a very helpful function during any application development. 


What do we need to enable downloading in Web viewer in Kodular Creator?

For enabling download from webviewer we need a Webviewer and a download component found in connectivity option in Kodular. We don't need any of external resources for enabling download support in Web Viewer. So you need a webviewer from where a user can access for any file to download then we will fetch the Download URL from Web Viewer to start downloading the file. Before we start our tutorial I recommend you to add both these Components in your project.


How to initiate download from Web Viewer?

For initiating Download you need to add these blocks in your project to initiate download whenever Web Viewer needs. 

Step 1: Find when we need to initiate Download;


First we have to find when do we need to initiate the download. For this open Blocks section and click on Web viewer. Now look for the block "when Web-viewer on Download start" and drag and drop this block.

On download start





Step 2: Call Download component to Get URL;

Second step is that we have to call Download component to set the Download URL as the URL given by "when Web-viewer on Download start".

Get file URL







Now we have set the download URL and we are able to start Download from this URL.

Step 3: Call Start Download;

The last step to add download support is to add the Start Download option.

Start download








Now we have completely set our blocks to initiate download from Web Viewer.

Some extra features of download option:

1. Show Notification

Block:
Show notification



This sets whether to show notification about download in Device.

2. Save File as

Block:
Save file as




This blocks sets the name of the file to be downloaded.

3. Scan by media Scanner

Block:
Scan file type



This sets whether to scan the file type and add it to it's section in file manager of device.

4. On download completed

Block:
When Download completed







This block give us the File path, File Name and File size when download completed.

So, these were the main blocks of Download component in kodular creator and how to enable download in Web Viewer. That's all for today article, We will be back with another useful tutorial. Till then.....

Happy Koding.....

Comments

Popular posts from this blog

How to use KIO4 gradient in Kodular?

  Welcome to learn web, today we are back with a completely new tutorial on Kodular Basic-to -Advanced app making.Today topic for our tutorial is that how to use Gradient effect in Kodular app making for any layout. How to use gradient colors in kodular app? For this you need to use a extension named "KIO4" gradient.So,before starting you need to get this extension before we start our tutorial.To get this click on link below: My Drive Link This is the google drive link for the KIO4 extension. I think you might have got the extension.So, we start our tutorial on how to use gradient effect Kodular apps. Step 1:Open your Project in which you want to use gradient Effect.Then click on the extensions button in the bottom of left sidebar and click on import extension.Now select the KIO4 gradient file and click on Import after some time your extension will be processed and imported to your project. Illustration: Once you have Imported the KIO4 extension you can see the extension as s...

How to use Firebase database in Kodular?

Welcome to Learn Web my friends. Today we are going to learn about how to retrieve and store data from user in firebase database. This will be surely very exciting and useful for you guys. So, here we start our tutorial on "How to store data of user in Firebase in Kodular?" How to store data of user in Firebase in Kodular? 1. What is Firebase? I think you guys may have listened about Firebase but if not, then don't worry this isn't any rocket science you will easily learn "How to store and retrieve data of user in Firebase?". Firstly I want to tell you about What is Firebase Database? So, firebase is a cloud storage platform provided by google to store and retrieve data and Firebase also provide many other services that we will learn in our next tutorials. Today we are going to talk about "How to use Firebase Database in Kodular?"  2. What is Firebase database in Kodular? Now I would like to tell you what is Firebase database and what we are going ...

How to use Kodular Companion to test App?

 What is Kodular Companion? I understand, if you are new to kodular then you won't be able to understand what is meant by Kodular companion.So, today we are going to clear your doubt "What is Kodular Companion?".Kodular companion is a android app by Kodular Organisation.This app allow us to test the Realtime changes in our app while creating apps.If we don't use companion then we have to create and download our app to check whether is it working properly or not.But this is not a comfortable method because we can't check realtime changes in our app.So, to check app by downloading and installing we have have to download our app more than 100 times which is not easy for us. Therefore, we are provided a app which we can use to check the realtime changes in our app without downloading it every time. Benefits of Kodular Companion: 1.No need to download app multiple times. 2.Can be used to see realtime changes. 3.We can check different apps with Companion. 4.Useful while...