{"id":162386,"date":"2024-08-09T17:00:00","date_gmt":"2024-08-09T08:00:00","guid":{"rendered":"https:\/\/support.questetra.com\/?p=162386"},"modified":"2026-07-21T15:52:37","modified_gmt":"2026-07-21T06:52:37","slug":"beginner-tutorial-chpt6","status":"publish","type":"post","link":"https:\/\/support.questetra.com\/en\/developer-blog\/beginner-tutorial-chpt6\/","title":{"rendered":"Chapter 6: Working with Data in Various Formats"},"content":{"rendered":"\n

Let’s add a data item to the Workflow App.<\/p>\n\n\n\n

This section explains how to set data items, such as data types that are frequently used in Workflow Apps, initial values, and editability settings.<\/p>\n\n\n\n

This section also explains input form settings, such as sorting and positioning.<\/p>\n\n\n\n

Duplicate the app we created to build a Business Trip Application App<\/h2>\n\n\n\n

As a practical exercise while learning about the data item format, we will create a business trip application app that is a modification of the app created in the previous chapter to make it more practical. So, let’s duplicate the app created in the previous chapter and modify it.<\/p>\n\n\n\n

    \n
  1. Click [App Settings] > Workflow App Created in the Previous Chapter > [Copy as New App] to duplicate the app created in the previous chapter<\/li>\n\n\n\n
  2. Click [Edit Property] on the details screen of the duplicated app<\/li>\n\n\n\n
  3. Edit [App Name] to an appropriate name such as “Business Trip Application\u201d<\/li>\n\n\n\n
  4. Click the [Edit] button to open the modeller
    \"\"<\/li>\n<\/ol>\n\n\n\n

    Adding Data Items<\/h2>\n\n\n\n

    Once the modeller is open, start editing the data items. Let’s create an appropriate input form for a business trip application app.<\/p>\n\n\n\n

    Open the Data Items tab. There are already [String (multiple lines)], [Number], and [Date (Y\/M\/D)], but let\u2019s add another [Date (Y\/M\/D)] (this will be the second one) and a [User]. Then edit the name of each item as follows. Edit the field name as well.<\/p>\n\n\n\n

    Data Type<\/strong><\/td>Item Name<\/strong><\/td>Field Name<\/strong>\u203b<\/sup><\/td><\/tr>
    String (multiple lines)<\/td>Details<\/td>q_details<\/td><\/tr>
    Numeric<\/td>Amount<\/td>q_price<\/td><\/tr>
    Date (Y\/M\/D)<\/td>Start Date<\/td>q_date_start<\/td><\/tr>
    Date (Y\/M\/D)<\/td>End Date<\/td>q_date_end<\/td><\/tr>
    User<\/td>Applicant<\/td>q_applicant<\/td><\/tr><\/tbody><\/table>
    Item and Field Names can be edited in the settings screen for each data item.
    \u203b Field names must begin with “q_” and be 64 characters or less. Only letters, numbers, and underscores can be used.<\/figcaption><\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    If it looks like this, then it’s OK. You can also add data items using the Bulk Add Data Items feature, but we won’t explain that here.<\/p>\n\n\n\n

    Data Item Settings<\/h2>\n\n\n\n

    Next, set the data editing permission. As explained in Chapter 5, each data item can have different edit permissions set for each Human Task, such as being able to write to the Title data in the Application task, but only being able to view it in the Confirmation task. Open the Workflow Diagram tab and edit the settings in the Application and Confirmation Human Task’s setting screens.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    For all data items, set them to [Editable] for the Application task and [Display only] for the Confirmation task. Finish editing by clicking the [Apply and Close] button.<\/p>\n\n\n\n

    Input Form Layout Settings<\/h2>\n\n\n\n

    We will change the appearance of the form to make it easier to read. To try it out, click the [Form Preview]<\/strong> button in the upper right of the Data Item tab. The input form that will be generated with the current settings will be displayed. It will work correctly as it is, but changing the order of the items and setting the columns will make the app even easier to use.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    First, change the order of the items<\/strong>. You can change the order of the items in the item list on the left side of the Data Items tab by dragging and dropping them. Rearrange them in the following order: <\/p>\n\n\n\n