Skip to main content

Forms Item: Date / Time Picker

Important

Information and features vary according to the roles to which you belong and the permissions associated with those roles. For more information, contact your module manager or your campus support team.

A Date / Time Picker lets a form completer choose a date, a time, or both using a pop‑up calendar and time selector. You can also use rules to trigger actions based on the date or time selected.

Tip

You can use rules to control if anything happens when the form completer selects a particular date. For example, the form completer selects their high school graduation date. If they pick a date in the next six months, you could show them additional form questions related to their test scores and intended field of study. If they pick a date a year from now, you could show them additional questions about when they'd like to attend a campus open house.

This topic explains how to add and configure date / time pickers in J1 Web Forms, including how functionality differs from Campus Portal Forms.

Some options available in Campus Portal Forms are handled differently or are not available in J1 Web Forms.

Campus Portal Forms

J1 Web Forms

Definition

Text Position

Unavailable in J1 Web.

Grid

Unavailable in J1 Web.

Grid Function

Unavailable in J1 Web.

Settings

Font Size

Unavailable in J1 Web.

Input control CSS classes

Unavailable in J1 Web.

Include in Report Grid

Unavailable in J1 Web.

Map to Payment Field

Unavailable in J1 Web.

Selected Date

Unavailable in J1 Web.

Date from Tag

Unavailable in J1 Web.

Display Date

Display Date Picker

Display Time

Display Time Picker

Help Info Text

Unavailable in J1 Web.

Map to J1 Web Event Field

Unavailable in J1 Web.

Options

Static Options

Unavailable in J1 Web.

Dynamic Options

Unavailable in J1 Web.

Randomize options

Unavailable in J1 Web.

Add

Unavailable in J1 Web.

Rules

Alert: Show Message

Unavailable at this time.

Email: Cancel

Associate with a workflow that includes an automation plan with a cancel email interaction.

Email: Send

Associate with a workflow that includes an automation plan with a send email interaction,

Form: Print

Unavailable at this time. Workaround: Reviewer can print a copy of the submission PDF.

Form: Quit

Unavailable at this time.

Form: Save

Unavailable at this time.

Grid: Add

Unavailable in J1 Web.

Payment: Clear Profile

Unavailable in J1 Web.

Payment: Override Balance

Unavailable in J1 Web.

Payment: Use Profile

Unavailable in J1 Web.

Workflow: Add to track queue

J1 Workflow: Add Workflow for Submission

Workflow: Remove from track queue

J1 Workflow: Remove Workflow for Submission

Workflow: Set track

N/A

Look Up

Look Up DataSource

Unavailable in J1 Web.

Execute on Load, Trigger after set, Preserver user input

Unavailable in J1 Web.

How To

  1. Access the Connect, Forms, Manage Forms page.

  2. Find the form you're updating and from the Actions menu, select Edit form.

  3. From the Build step, select the tab where you want to add the date / time picker.

  4. Click Add Item. The New Item pop-up window appears.

  5. Enter an identifier for the checkbox in the Unique ID field.

  6. From the Type drop-down list, select Date / Time Picker.

  7. Select the appropriate label display option: Display on the form or Screen reader only.

  8. In the Text field, enter and format the label you want to use to describe the date / time picker.

  9. If you are adding this date / time picker to a group, enter the name in the Group field. Each item in the group must use the same group name.

  10. Select the Settings tab.

  11. Use the Alignment options to move the question to the center or right.

  12. Enter the Width and Height you want the question to be.

    Note

    You can use percentages (e.g., 50%) or pixel/point values (e.g., 50px).

  13. Configure attributes:

    1. Required : completers must select at least one option.

    2. Read Only: visible but not editable.

    3.  Show Only in Report: visible only in report view.

  14. If you are adding this date / time picker to a group, enter the name in the Group field. Each item in the group must use the same group name.

  15. Enter a default value in the Selected Date field if you want the picker to display a preset date or time.

    Note

    Form completers can update what is entered here. You can also use @@ string replacers in this field. TRUE?

  16. Choose whether to display: Date Picker, Time Picker, or both.

  17. Select the Rules tab to define what happens when the form completer selects a particular date/time.

  18. Click Add.

  19. In the first drop-down, select If answer value is and in the corresponding effect field, enter the conditions for an action.

    Note

    Rules must always begin with this condition. This tells J1 Web Forms to execute the action if the user's answer matches the answer value you specify.

  20. In the answer value field to the right of the drop-down, enter the answer value that will trigger the action.

  21. In the second drop-down, select the action to perform. For example, to show or hide other options.

  22. If needed, click Add to add another rule.

    • Else if answer value is executes the action if the answer value matches.

    • Else executes the action if no previous conditions were met.

    • And executes the action in addition to the previous action.

  23. Click Update.