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
  • Mode 1
  • Mode 2
  • Usage Examples
  1. App Editor
  2. Page Flow
  3. Toolbox Blocks

Content from Data Design

PreviousData Table : DataNextSet Content in Data Design

Last updated 1 year ago

Block Information

Available in: Page Flow

Toolbox Category: Dynamic Content

Block Type:

Output Type:

Content from Data Design is an that is used to generate content using a as a template. The output is of type and is compatible with of type or of type .

The generated content can be added to the page or form using the block.

and elements, used inside a Data Design element, need to be initialized using the , after they are added to the page or form.

Each generated instance of the same can be made unique for user-interactivity or modifications using the ID and the optional ID2 . More on this below.

The block comes in two modes which are discussed below.

Mode 1

The Mode 1 version of the Content from Data Design block consists of the following (from top to bottom):

Mode 2

The Mode 2 version of the Content from Data Design block consists of the following (from top to bottom):


Usage Examples

Element: a to choose the element to use as the template.

ID: Mandatory that accepts a value representing a unique identifier that will be used to reference elements that are generated.

ID2: Optional that accepts a value representing the secondary identifier that will be used to reference elements that are generated.

Data: consisting of named parameters. The named parameters must match the names used in the data design. Selecting the Data Design element will automatically populate the set with the names. You can also use the gear icon to manually add/remove parameters.

Element: a to choose the element to use as the template.

ID: Mandatory that accepts a value representing a unique identifier that will be used to reference elements that are generated.

ID2: Optional that accepts a value representing the secondary identifier that will be used to reference elements that are generated.

Data: that accepts an value. The provided object must have properties with names that match the names used in the data design.

The image below shows an example of Content from Data Design (Mode 1). The Data in this case contains three whose values are set as shown. The names of these parameters are from the names used in the selected (DataDesign8).

In the next example we see the Content from Data Design (Mode 2) block. In this case the Data is attached to a Variable Value block configured to use the variable city info whose value is an object with property names matching the names used in the selected (DataDesign8).

Both examples will have identical results with the output being attached to the block configured with the same element.

💻
Set Content
text
Data Design element
text
text
any
Set Content
Checkbox
Toggle Switch
Initialize Toggle Switch in Data Design
Data Design element
Data Design
text
text
Data Design
text
text
object
Data Design
Data Design
Selectable Input
Value Parameter
Value Parameter
Selectable Input
Value Parameter
Value Parameter
Output
output block
Value Parameters
value parameters
Value Parameter Set
Value Parameter
Value Parameter Set
Value Parameters
Value Parameter
Content from Data Design (Mode 1)
Content from Data Design (Mode 2)
Example of Content from Data Design (Mode 1)
Example of Content from Data Design (Mode 2)
Placeholder Field
Placeholder Field
Placeholder Field
Placeholder Field
Placeholder Field