Zingy Docs
Visit our websiteTry a DemoPricingContact
  • Introduction
  • 🎛️Dashboard
    • Overview
    • Apps
    • Account Profile
    • Billing - View Invoices
    • Billing - Payment Methods
    • Billing - Subscription
  • 💻App Editor
    • App Components
    • App Editor Tour
    • App Settings
    • App Users
    • App User Groups
    • Publishing your App
    • Pages and Forms
      • Create a Page
      • Create a Structured Page
      • What is a Structured Page ?
      • Create a Form
      • Page Editor
      • Working with Forms
    • Page Editor
      • Page Editor Tour
      • Adding Page Content
      • Adding Content to Structured Pages
      • Working with Page Elements
      • Page Element Settings
      • Responsive Design
      • Padding and Margin
      • Editing Text
      • Using AI Wiz in the Page Editor
      • Built-in elements
        • Link
        • Image
        • Spacer
        • Flexible Area
        • Layout Container
        • Layout Row
        • Layout Column
        • 1 Column
        • 2 Columns
        • 3 Columns
        • Add Column
        • Table
        • Table Row
        • Table Column Cell
        • Table Heading Cell
        • Table (3 cols)
        • Table (4 cols)
        • Input
        • Checkbox
        • Toggle Switch
        • Dropdown
        • Multi-line
        • Label
        • Button
        • Button Group
        • Input Group
        • Button Toolbar
        • Menubar Holder
        • Menubar Collapsible
        • Menubar
        • Menubar Item
        • Menubar Item Link
        • Menubar Style1
        • Menubar Style2
        • Menu Item
        • Popup Menu
        • Popup Menu Item
        • Menubar Popup Menu
        • Popup Menu Style1
        • Popup Menu Style2
        • Popup Menu Separator
        • Card
        • Card Group
        • Card Style1
        • Card Style2
        • Card Style3
        • Alert
        • Badged Text
        • Collapsible Area
        • Data Table
        • Stripe Payment
        • Form
        • Menubar Login Info
        • Data Design
      • Working with Forms
      • Using Forms
      • Page Preview
    • Page Settings
    • Page Flow
      • Block Anatomy
      • Toolbox Blocks
        • Set Content
        • Get Content
        • Badged Text
        • Alert Text
        • Status Animation
        • Set Style
        • Set CSS
        • Set Input Value
        • Get Input Value
        • Set Toggle Switch State
        • Get Toggle Switch State
        • Set Input Feedback
        • Enable/Disable Element
        • Set Element Attribute
        • Get Element Attribute
        • Get Element by Name
        • Element
        • URL Parameter Value
        • Navigate Page
        • Timer
        • Timer Repeat
        • Show Popup Form
        • Show Information Popup
        • Show Confirmation Popup
        • Popup Form Data
        • Collapsible Area Action
        • Mouse/Keyboard Action
        • Event Action
        • Action/Event Info
        • Show Menu
        • Menu Text
        • Menu Index
        • Write Log Message
        • Log Category
        • Data Table Action Menu Customize
        • Data Table Attach Form
        • Data Table Add Action
        • Data Table Load Next Page
        • Data Table Load Prev Page
        • Data Table Refresh
        • Data Table Custom Query
        • Data Table : Table Name
        • Data Table : Data
        • Content from Data Design
        • Set Content in Data Design
        • Get Content in Data Design
        • Get Element Attribute in Data Design
        • Set Element Attribute in Data Design
        • Set Style in Data Design
        • Set CSS in Data Design
        • Set Input Value in Data Design
        • Get Input Value in Data Design
        • Get Toggle Switch State in Data Design
        • Set Toggle Switch State in Data Design
        • Set Input Feedback in Data Design
        • Enable/Disable Element in Data Design
        • Initialize Toggle Switch in Data Design
        • Event Action in Data Design
        • Collapsible Area Action in Data Design
        • Data Record Count
        • Data Record at Index
        • Data Record Loop
        • Data Record Info
        • Data Record Loop Index
        • Data Record ID
        • Data Table Name
        • Data Query Name
        • Data Read
        • Data Read Next
        • Data Read Previous
        • Data Lookup
        • Data Lookup with ID
        • Data Status
        • Data Add Record
        • Data Update Record with ID
        • Data Delete Record with ID
        • Data Input Popup
        • Lock/Unlock Form
        • Save Form with Data
        • Reset Form
        • Set Form Event Status
        • Set Form Event Status Message
        • Form Submit Complete
        • Set Field Input Value
        • Get Field Input Value
        • Form Data
        • Form in Edit Mode
        • Form Events
        • Execute Connection Command
        • Execute API Call
        • Connection Data
        • Connection Error
        • API Call Connection
        • Connection
        • Connection Command
        • Cloud Flow Invoke Hook
        • Cloud Flow : URL of Web Hook
        • HTTP Post
        • HTTP Get
        • HTTP Data
        • HTTP Error
        • Date
        • Custom Code
        • Date from Text
        • Get Object Property
      • Coding in Page Flow
      • Zingy API For Page Flow
      • References
        • Value Types
        • Popup Customization
        • Prerequisite for Dynamic Content block examples
        • Prerequisite for Data examples
    • Dynamic Content
    • Data
      • Database Tables
      • Database Queries
      • Data Tool
    • Cloud Flow
      • Cloud Flow Editor
      • Block Anatomy
      • Toolbox Blocks
        • Data Update Records
        • Data Delete Records
      • Coding in Cloud Flow
      • SDK/Library Integration
    • Media
    • Connections
      • Services
        • Stripe
        • Sendgrid
        • Twilio
        • API Call
        • API Key
Powered by GitBook
On this page
  • Publishing
  • Publish Status
  • Starting Page
  • URL
  • Fonts
  • Font List
  • Heading Font
  • Body Font
  • Advanced
  • HTML Head Additions
  • Custom Style Definitions
  1. App Editor

App Settings

PreviousApp Editor TourNextApp Users

Last updated 1 year ago

The App Settings screen allows configuring important settings related to your Zingy app.

You can access the app settings screen using the App Settings option found in the Settings menu of the .

Please note that you need to for the settings to take effect.


The app settings are categorized into the following sections:

Publishing

Publish Status

The Publish Status setting indicates the current publication status of your app. Additionally, it provides the option to take your app offline by designating it as 'Not Published'.

It's important to note that you cannot manually set the app as 'Published' using this setting. The status will automatically change to 'Published' once you .

Starting Page

The Starting Page setting sets the home page or the main page for your app.

When the page selected as the Starting Page is not , an automatic login screen will be presented. After a successful login, the app will automatically redirect the user to the desired page.

URL

The URL setting enables you to set up a distinctive domain through which users will access your app. It is mandatory to select a unique domain before you can proceed with publishing your app.

To make a selection, click on the 'Change URL' button and type in the desired domain.

The value you enter must meet the following requirements:

  • Must not begin with a number

  • Consists only of letters and numbers

  • Is a minimum 6 characters in length

If your desired domain is available, you can click on the 'Save URL' button to complete the selection.

At present, we provide your app's domains within the primary domain of .myzingy.app. However, we have future plans to introduce a wider range of domain choices.


Fonts

NOTE:

Additionally, you can also override the font of a specific element on a page by:

Font List

Every page and form within your Zingy app will automatically adopt the defined fonts specified here.

Additionally, this setting allows for the removal of fonts that are no longer required.

Heading Font

Body Font


Advanced

HTML Head Additions

The HTML Head Additions setting allows you to include custom Javascript (via script tag) and CSS files (via link tag).

It is recommended that you limit the contents if this setting to script, link or meta tags.

Custom Style Definitions

The HTML Head Additions setting allows you to define your own CSS classes.

Please define your CSS classes directly and do not include a style tag. The style tag is automatically generated.

You can override the fonts for a specific page using the .

Using the setting.

Using the under the Font section.

Adding this font to the Font List in App Settings or at the page. If you want to use a font that is not supported, you can add the .

Select the font to be used for displaying headings in your page using the Heading Font setting. By default the page will use the heading font selected in your .

The Body Font setting allows you to select the font to be used in your page for all non-heading elements. By default the page will use the body font selected in your .

The contents of the HTML Head Additions setting, will be inserted into all pages and forms along with the defined in each .

The contents of the Custom Style Definitions setting will be inserted into all pages and forms along with the setting defined in each .

💻
font using CSS
app's settings
app's settings
App Editor
re-publish your app
publish your app
page or form settings
page or form settings
Custom CSS Classes
Design Tab
publicly accessible
Fonts setting for the page
HTML Head Additions setting
Custom Style Definitions
App Settings: Set your app's unique URL
App Settings: Saving the selected URL domain