Advanced Datagrid Component

Prevents the end-user End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product. from entering a value in the field by displaying it as grayed-out and unclickable in Express View Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View..

By default, Disable User Input is set to (OFF).

Displays or hides the Label field from view. Setting Hide Label to  (ON) hides it in Express View. Setting it to (OFF) displays the field. The component will always remain visible in the Module Builder.

By default, Hide Label is set to  (ON).

Enter a title for the pop-up modal A modal is a window that appears on top of the content you are currently viewing..

Choose when to restore the form to its default values:

• On Add: Restores the default values when a submission is added.

• On Save: Restores the default values when a submission is saved.

A button displays at the bottom left of your modal in Express View Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View.. This field lets you choose the label text of the button.

By default, this button label text displays as OK.

Enter title for the modal A modal is a window that appears on top of the content you are currently viewing. that displays when deleting an entry in Express View.

By default, the modal displays the following: Are you sure you want to delete this item?.

When your end-user saves an invalid entry an error message displays. This field lets you set a title for that error message.

Lets you create an event for your save confirmation modal.

Sets the button label text for the Cancel button.

By default, this button label text displays as Cancel.

Sets the button label text for the Add button.

By default, this button label text displays as Add.

Sets the button label text for the Delete button.

By default, the button label text displays as Delete.

When set to  (ON), a pop-up modal A modal is a window that appears on top of the content you are currently viewing. displays when deleting an entry in Express View Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View..

By default, this setting is set to (OFF).

When set to  (ON), this checkbox lets you display a Select option instead of the default Add/Edit buttons.

By default, this setting is set to (OFF).

The Advanced Datagrid component defaults to a table style in the Express View Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View..

By default, this setting is set to (OFF).

When set to  (ON), displays a Save button in each row of the grid.

By default, this setting is set to (OFF).

The Store Data in Database setting affects how data persists through your application. When set to  (ON), Unqork stores values entered into the field to the database (server-side submission). This occurs in three scenarios:

• Navigating between Panels in a Navigation component. On navigation between pages (Panels), the component’s value saves to the database.

• Triggering a module save event using a Button component with an Action Type of Save.

• Navigating between screens of a workflow. On navigation between screens, the component’s value saves to the database.

Set the toggle to (OFF) when you don’t want to store the values from this field in the database.

When using a Plug-In to remote execute a module, ensure data moving between modules is persistent. You can optionally enable Store Data in Database for components in the source module. But any components in the API module whose values are included in an API response must have Store Data in Database enabled. When a component’s data is not persistent, the data isn't included in an API call's response. So, Plug-Ins or external services requesting data from the API module can't receive non-persistent data in the response.

Store Data in Database also affects what data is tracked using Unqork’s built-in tracker. When the Enable Tracker and Track Value toggles are set to  (ON) in Module Settings, only values from fields with Store Data in Database enabled are tracked.

Enter the Property ID of the Data Table component where you're retrieving data. You'll notice this field duplicates the functionality of the Data Reference Key field.

Enter the component containing a value that filters the list.

This field lets you map a component in your Advanced Datagrid component. Enter the component's Property ID to display the component's data in your grid.

This field lets you map a component in your Advanced Datagrid component. Enter the component's Property ID to display the component's data in your grid.

Enter text to display for the Yes/No Question listing

When (checked), your end-user End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product. must enter a value into the field before they can save an entry. Clear the checkbox when an entry is optional.

By default, this checkbox is clear.

Enter a value to display under the header of the Yes/No Question listing.

Enter the Property ID of a component that, when triggered, creates a new row in Express View.

When set to  (ON), the end-user must enter a value in the component's visible fields. When set to (OFF), the input is optional.

By default, Required is set to (OFF).

Display as a header in a modal A modal is a window that appears on top of the content you are currently viewing. to the end-user End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product. if an error occurs.

Sets the minimum number of characters an end-user must enter for valid input.

Enter a Custom CSS Cascading Style Sheets (CSS) is a style sheet language used for presenting how a HTML or XML document looks to end-users. Class to apply to your component. Custom CSS lets you maintain a consistent look and feel when the field or element is part of a template or multiple modules.

Updated CSS styling applies to all components that reference this custom class name.

Label Text conveys what the input component is and what information it displays. Enter the purpose of the corresponding component or field.User-friendly labels make your module more accessible. Keep labels short and descriptive (a word or two) using title case. For longer entries, use sentence case.

Enter the Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module. of the component whose data you're referencing.

Enter the Property ID of the Data Table component where you're referencing data. You'll notice that this field duplicates the functionality of the Data Reference Key field.

You can configure a pop-up that displays a submission's progress. By default, the message reads: Loading please wait...

This button displays at the bottom left of your modal in Express View. On button-press, your updates store, and you'll return to the grid. This field lets you set the button label text for the button.

By default, this button label text shows as Save.

By default, the Advanced Datagrid has an Actions column in Express View. You can perform Actions on entries added to the table. This field lets you set the label text of the column.

By default, these actions are Edit and Delete.

The Edit button displays at the right of your grid in Express View. On button-press, you can change or update your entries. This field lets you set the button label text for the button.

By default, the button label text shows as Edit.

When disabling a component, the View button lets your end-user see the entry but not edit it. This field lets you set the button label text for the button.

By default, the button label text shows as View.

When your end-user End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product. saves an invalid entry an error message shows. This field lets you set a title for that error message.

By default, the Error Title shows as: Oops - {{ errors }} error(s) have been found!. {{ errors }} represents the count of errors returned.

When deleting an entry in Express View Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View., you can configure a pop-up to appear. This field lets you choose the title of the pop-up.

By default, the pop-up asks: Are you sure you want to delete this item?

When (checked), a pop-up displays if you try to delete an entry in Express View.

By default, this setting is ☐ (unchecked).

When (checked), your end-user must enter a value into the field before they can save an entry. Clear the checkbox when an entry is optional.

By default, this setting is ☐ (unchecked).

Sets the minimum number of rows to display in the grid inExpress View. When you reach this lower limit, the button disappears.

When (checked), prevents end-users from interacting with or editing the input field in Express View. When your end-user hovers over the field, their cursor changes to alert them to the status change.

By default, this setting is ☐ (unchecked).

When (checked), the grid shows Yes/No options instead of the default Delete/Edit buttons.

By default, this setting is ☐ (unchecked).

When (checked), lets you display a Select option rather than Add/Edit buttons.

By default, this setting is (checked).

When (checked), stops Label Text from displaying in Express View. Your Label Text still displays in Module Builder.

By default, this setting is ☐ (unchecked).

Enter the component containing a value that filters the list.

Enter the Property ID of a component that, when triggered, creates a new grid row in Express View Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View..

The Advanced Datagrid defaults to a table style in the Express View. To set up data in an accordion, set this to (checked)

When (checked), displays a Save button in each row of your grid.

By default, this setting is ☐ (unchecked).

When (checked), creates a Save confirmation pop-up. This field lets you enter the text for that pop-up.

When (checked), lets you create an event for your save confirmation pop-up.

This field lets you map a component in your Advanced Datagrid. Enter the component's Property ID to display the component's data in your grid.

Details coming soon!

When you select the Required checkbox, your end-user must enter a value into the field before they can save an entry. Clear the checkbox when an entry is optional.

By default, this checkbox is clear.

Details coming soon!