Screen Settings

General

Screen Name

Provide a meaningful and short name to the application. It is recommended to use this string to describe briefly the purpose of the app.

Slug

Provide an easily recognizable and user-friendly title for the URL.

Mark screen as homepage

Specify to mark this screen as the initial landing point for online browsing.

Custom CSS

This is the way to add global styles to the app using a set of custom CSS lines. It is used to design the UI template of the app, including styles, header components, and other common elements.

For example - if the app contains the component 'menu', the CSS code below can style the menu component using this setting.

.menu {
  background-color: black;
  color: #fff;
  display: flex;
}

Icon

This serves as the visual symbol for users to recognize the app and its identity, and notify them of the brand or the purpose.

Maximum Canvas Width for this App

Hide default header

Conceal the default header of Appizap when in preview or view mode.

Show Loader during Initial Load

Display a loading spinner on the screen while waiting for all API requests to finish loading during the initial page load. This will provide visual feedback to the user indicating that data is being fetched.

Enable Push Notifications

OneSignal allows you to activate push notifications to keep you up-to-date on important information. By enabling this feature, you can receive real-time alerts and updates directly to your device.

Applied Style Theme

A theme is a collection of style elements that define the UI properties of the components commonly used, such as font styles, color schemes, and border/shadow effects. An existing theme can be picked and applied to the app. Also - users can create a new theme using Platform Settings→Themes.

Custom Shortcuts

This will assist in navigating and executing commands quickly using a key (or set of keys, usually a combination of two keys). For example: set 'F1' as the shortcut to open the 'docs.appizap.com' to reach the manual by pressing the key anywhere from the app.

Individualization

Scripts and Styles

When there is a need to reuse a certain set of JS code or variables in various parts of the application, users can write them as functions and global variables here.

In the same way - users can write global styles and can be referenced in many parts of the app's interface.

JavaScript Library

In this context, a third-party library is a compiled JavaScript code saved into a single .js file and the URL to the .js file can be referred from the app. Hence, the app can be extended to use the library.