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.

Access to the general settings

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.

Category

This helps users to discover the app that they need. There are many categories on the list and the app can be assigned to one of these categories, concerning its domain.

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.

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.

A new theme can be created too

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