Firebase activities

Table of Contents

FIREBASE ACTIVITIES

FIREBASE ACTIVITIES #

This activities group allows you to upload content from the Firebase storage. Types of content from the Firebase cloud storage are photos, audio files, PDF and .epub files. Using these activities, you can add a massive amount of content without enlarging app size. You can also update your app content remotely, so that users do not need to update the app frequently.

To add one of Firebase activities, open the Components section, expand the Firebase activities category, and choose one of them:

Photo gallery;
Audio player;
Book library;
PDF document.

After you have added one of the Firebase activities, you should upload your Firebase .json file into a specific field from the left side of the preview. Press the “Browse file” button, and upload a file from your laptop. After you have uploaded the file, all the parameters will be set automatically. You have to choose a folder with content you want to pull up from a cloud storage.

Follow the link below to discover how to set a Firebase storage and get a .json file.

You can customize one of your Firebase activities in the right part of the builder.

SETTINGS #

Basic settings of the chosen activity.

MAIN SETTINGS #

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 activity, which allows users to search in the app.

CONTENT SETTINGS #

This section helps you organize a visual representation of your content inside the activity.

You can choose the way your pieces of content will be seen inside the activity in the Grid style section:

Image only (for only visual content to be represented in the app);
Image with name (for pieces of content to be distinguished by names);
Image with name and description (for adding a description to every piece of content).

Below, you can set a quantity of columns for your content group (from 1 to 5).

ADS #

Monetization settings section.

BANNER SETTINGS #

If you have previously set a monetization option to your app, you may or may not include a static banner in your Firebase 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.

INTERSTITIAL SETTINGS #

If you have previously set a monetization option to your app, you may or may not include interstitial ads in your Firebase 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.

STYLE #

A visual representation of your activity.

NAVIGATION DRAWER APPEARANCE #

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:

Show activity in drawer (to make this activity seen on activities list);
Show activity icon (to make an activity image seen on the list);
Show activity subtitle (to make a subtitle seen on activities list);
Add divider after activity (for the activity’s title to be divided from other titles by horizontal underlining).

APP BAR APPEARANCE #

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:

Show back button (for making it possible to go back to the previous screen);
Show drawer icon (for a drawer icon to be seen);
Show nothing (for hiding the elements from the app bar).

You also have extra app bar settings here to tick:

Show title in app bar (for your Firebase activity’s name to be seen);
Use app bar background image (for uploading and adjusting a background image for your activity’s app bar);
Use custom app bar theme (tick this section to choose title’s color, font, and font’s size).

DASHBOARD APPEARANCE #

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:

Show card (for displaying this category as a card);
As list item (for showing an activity name only);
As list item with icon (for choosing an icon);
As list item with image (for showing an activity name with an image);
As column item (for showing an activity name centered in the column);
As column item with icon (for showing an activity name with an icon centered in the column);
As column item with image (for showing an activity name with an image centered in the column).

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:

Spacing (offset from the sides);
Radius (icon’s shape);
Fonts, color, and size of an icon’s title;
colors (of a card border, card background, and card title background).

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.

ACTIVITY APPEARANCE #

This section helps you set an interface of 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 activity itself also has a settings image (a gear). You can duplicate this activity, add ads there, or delete the activity.

Black Friday Last Call!

App Features & Activities

App Templates

Getting Started

App Building & Publishing

App Monetization

App Services

App Settings

Design & Themes

Firebase activities