General App 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

Title

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

Description

Users can optionally choose to describe the app for their reference. Providing the app with a description can be helpful when there are multiple apps.

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.

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.

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.