The app HTML Archive Activity allows you to display web content (HTML files) by storing HTML files within the application so it can be read directly from the device.
NOTE: For best results, we recommend adding the following HTML ‘meta’ tag to the document ‘head’ of each of your HTML files:
<head> <meta name=”viewport” content=”width=device-width, user-scalable=no” /></head>
Content can be as simple as a single HTML file, or a complex directory structure of files and related image resources. Once you’ve composed what you want to show, simply zip the content using your favorite zip utility and upload the resulting file.
To add HTML app activity, open the Components section, expand the Extensions category, and choose the HTML Archive.
Now, you can create a custom app section with JS and HTML5.
From the left side of the preview, you can upload content and work with the HTML index.
Click the Browse archive button to upload files. This must be a .zip file that contains your HTML pages and related assets. Maximum 25 MB in size.
The HTML index page is the filename of the HTML page you want to display when your activity is launched. You must include it in your .zip file and be sure you have typed the name correctly! Make sure you double-check this or your app will not build.
You can customize your HTML archive activity in the right part of the builder.
Basic settings of the chosen activity.
Here, you have an URL of this particular activity. You can later use it for cross-linking among other app activities (for example, a custom page).
In this section, you can change the title of your activity, add a subtitle and a description to it. This will help users navigate through your app.
You can also add a search bar to your HTML archive activity, which allows users to search in the app.
Monetization settings section.
If you have previously set a monetization option to your app, you may or may not include a static banner in your HTML archive activity (tick if you want to display ads in this activity).
You can also choose an advertising network for this banner — AdMob or Facebook Ads.
If you have previously set a monetization option to your app, you may or may not include interstitial ads in your HTML archive activity (tick if you want to display ads in this activity).
You can also choose an advertising network for this interstitial — AdMob or Facebook Ads.
A visual representation of your activity.
The navigation drawer is a clickable icon in the left upper corner of your dashboard, that opens a list of all app’s features and helps users navigate through your app.
Here, you can set some navigation drawer’s parameters:
The app bar is an upper line with the activity’s name on your app’s dashboard.
App bar leading section lets you choose what to depict on the app bar:
You also have extra app bar settings here to tick:
This section defines how this activity’s icon will be shown on the app dashboard.
In ‘’Look’’ section, you can choose the symbol which will represent your activity on general app’s dashboard:
Also, you can use a custom size of activity icon, or set parameters regarding a quantity of columns, rows. You will also need to set column and rows sizes at the activity’s group level (list or carousel), as well as at the Dashboard level (left side of dashboard settings).
Tick the Use custom styling and set the icon’s parameters:
You can turn on the Icon setting, so that the icon will appear on the activity card.
Tick the Use background image – Browse images to upload and set the icon’s background picture.
This section helps you set an interface for your activity.
Tick the Use background image for activity if you want to upload your picture as a background image inside the activity.
Add the image with the Browse image button. The file should be an image.
The HTML archive activity itself also has a settings image (a gear). You can add ads, hide, duplicate, or delete the activity.
Powered by BetterDocs
Your email address will not be published. Required fields are marked *
Save my name, email, and website in this browser for the next time I comment.
ANDROMO 14-DAY TRIAL
4.4 • 17 Reviews
4.7 • 11 Reviews
5 • 3 Reviews
4.73 • 11 Reviews
Andromo has it all. Build native apps without any coding, earn and get paid quickly!
Offer is valid for 100 packages till August 25
use this promo code:
* – Discount percentage is calculated based on an annual subscription discount of 25% (20% for Hobbyist) with additional discount by a platform.
Promo is valid till 01.01.2022!
15 Black Friday coupons left!
Offer is valid till December 1
or follow the link