Appizap
  • Appizap Overview
  • Build Apps
    • On-boarding Flow
    • Ideas to Apps using AI
    • Create a new app
    • App Configuration
      • App Overview
      • General Settings
      • Domain Settings
      • Version Release & Management
      • App Assets
      • Auth Settings
    • UI Builder
      • Module
      • Menu Navigation
      • Version Logs & Restore
      • Keyboard Shortcuts
    • GUI, Themes & Styles
    • Event handlers
    • Write JavaScript
      • JavaScript within {{ }}
      • JavaScript Query
      • Transformers
      • Temporary State
      • Data Responder
      • Built-in JavaScript Functions
      • Use Third-party Libraries
    • How-to-use
      • Welcome to Appizap!
      • FAQ
  • Appizap Dashboard
    • Your Apps
    • Database
    • Workflows
    • Media & Files
    • Query Library
    • Audit Logger
    • Templates
  • Workspaces
    • Workspace Settings
    • User Authentication
    • User Groups
    • Themes
    • Advanced
  • Appizap Concepts
  • Appizap Studio
    • Data Browser
      • Screen, Modules & Navigations
      • Active Components
      • In-App Modals
      • Data Queries in your App
      • Global Data Variables
    • Layers
    • Screen Settings
    • Debugger
    • Data Queries
    • Widget Library
      • Link
      • Icons
      • Steps
      • Button Group
      • Form Button
      • Grid
      • Responsive Grid Layout
      • Drawer
      • Navigation
      • Cascader
      • Comment
      • Mention
      • Collapsible Container
      • Rich Text Editor
      • Input
      • Modal
      • Text Display
      • Number Input
      • Password
      • List View
      • Date
      • Checkbox
      • Radio
      • Switch
      • Multi Select
      • Dropdown
      • File Upload
      • Phone Number Input
      • Download Pdf Button
      • Image
      • Divider
      • Progress Circle
      • Progress
      • Form
      • JSON Schema Form
      • Container
      • Tabbed Container
      • Table
      • Date Range
      • Time
      • Time Range
      • Toggle Button
      • Segmented Control
      • Rating
      • Timeline
      • Slider
      • Range Slider
      • Control Button
      • File Viewer
      • Image Carousel
      • Lottie Animation
      • Tree
      • Tree Select
      • IFrame
      • Calendar
      • Custom Component
      • Auto Complete
      • Chart
      • Graph Chart
      • Treemap Chart
      • Basic Chart
      • Geo Map Charts
      • Funnel Chart
      • Candlestick Chart
      • Select
      • Audio
      • Caller
      • Text Area
      • Responsive Flex Layout
      • Timer
      • Image Editor
      • AI Component
    • Component Specific Actions
  • Database
    • Connect DB
    • Build Internal DB
      • Arrays
      • Indexes
      • Using JSON Type
      • Cascade Delete
      • Data Load and Import
    • Data Sources
      • Connect Data Sources
        • Big Query
        • ClickHouse
        • CouchDB
        • DynamoDB
        • Elasticsearch
        • MariaDB
        • Microsoft SQL Server
        • MongoDB
        • MySQL
        • Oracle
        • PostgreSQL
        • Redis
        • Snowflake
      • Connect APIs
        • REST API
        • GraphQL
        • Google Sheets
        • S3
        • OpenAPI
        • Firebase
        • WooCommerce
        • OpenAI
        • Athena
        • Lambda
    • Query Library
    • Storage
      • Buckets
      • Uploads
      • Objects
  • Appizap Workflow Builder [Pro]
    • Workflows
      • Create a workflow
      • Nodes
      • Connections
      • Sticky Notes
      • Tags
      • Import and Export
      • Templates
      • Sharing
      • Settings
      • History
      • Find Workflow ID
    • Build Flow Logic
      • Conditional Nodes
      • Data Merging
      • Looping
      • Waiting
      • Sub-Workflow
      • Execution Order
    • Data Handling
      • Data Structure
      • Transforming data
      • Use Code
      • Mapping using UI
      • Data Item Linking
      • Data Pinning
      • Data Editing
      • Data Filtering
      • Data Mocking
      • Binary Data
    • Editor UI
    • Credentials
      • Create and Edit
      • Sharing
    • Integrations
      • Node Types
      • Core Nodes
      • Actions
      • Triggers
      • Credentials
      • Custom API Operations
    • Error Handling
      • Errors related to memory
    • Keyboard Shortcuts
  • Security & Compliance
  • Terms & Conditions
  • Privacy Policy
  • User Guide
    • Getting Started
    • Admin Console
    • Data Maintenance
Powered by GitBook
On this page
  • General
  • Individualization
  • JavaScript Library
  1. Appizap Studio

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.

PreviousLayersNextDebugger

Last updated 4 months ago

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.

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

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