Screen Settings

This allows users to modify the basic and common settings of the app, and it affects the entire application. This can be accessed using the setting icon from the menu.

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

Device	Measure
Phone	450px - the width is set to this setting when the device is a mobile phone.
Tablet	800px - the width is set to this setting when the device is a tablet.
Laptop	1440px - the width is set to this setting when the device is a laptop.
Wide Screen	1920px - the width is set to this setting when the device is a wide-screen monitor kind.
Super Large Screen	3200px - the width is set to this setting when the device is a super large monitor.
Autofill	The widget will be auto-fixed depending on the device, where the app is being used.
Custom	A custom width(px) can be set here.

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.

Enter a valid URL to the library and add it to the app

Icon Description	Icon
View the JavaScript file from the referenced project
Download and install the library locally in the app
The JavaScript library is ready for use