Pop Up Calendar
The Pop Up Calendar is one of the Special Fields that can be added to a form. It lets the user enter a date or select a date from a pop-up calendar. This is useful, for example, if you are designing a form for events that have a particular start time. Since it is a pop-up calendar, you should give careful consideration to your placement of it on the form since the calendar that displays will hide surrounding fields while the user makes their selection.
In this topic, we cover the general properties for this element. Learn about other properties in the Introduction to Validation and Layout Basics.
Property | Description |
---|---|
Field Name | This is the name used to reference the field and is also the name of the column heading in the submission bin. |
Layout | Specify whether you want the radio buttons to align in column or row format. If set to Column, then you may also set the Max Items property |
ChangeYear | By default, the calendar restricts movement sequentially-month by month. Set this value to true to allow the user to jump to a specific year. |
ChangeMonth | By default, the calendar restricts movement sequentially-month by month. Set this value to true to allow the user to jump to a specific month. |
Min Date | Set the earliest date that the user may choose. Use this property together with the Max Date property to set the range of dates available.
You can specify the minimum date as:
For the latter, use 'D' for days, " + 'W' for weeks, 'M' for months, or 'Y' for years. If you have changed the forms locale setting, and are using a date string literal, you need to use the same date format as dictated by the locale settings. |
Max Date |
Set the latest date that the user may choose. Use this property together with the Min Date property to set the range of dates available. As with Min Date, you can specify the max date as:
For the last, use 'D' for days, " + 'W' for weeks, 'M' for months, or 'Y' for years. If you have changed the forms locale setting, and are using a date string literal, you need to use the same date format as dictated by the locale settings. |
Months To Show | Specify the number of months to display (side-by-side) in the pop-up. |
Tooltip | Enter a short help comment to display nearby when the user hovers over the element. |
Caption | Enter the caption text, which appears either beside or above the element. |
Multi-line Caption | When the caption wraps, you may notice the line height is wrong. This is when you need to enable the multi-line feature by setting this property to true. Note: Keep in mind that you can increase the caption width so that the caption text does not wrap. |
Admin Caption | This is the caption to use when viewing data via the submission bin record detail window. When left blank, the original caption is used instead. |
Defaultvalue |
Dates must be entered in this format "mm/dd/yyyy" unless you have changed the default locale setting in which case the format should be specific to the selected locale. For example, if "English (UK)" is selected for the locale, the date format would be "dd/mm/yyyy". If it's a requirement, you can set the default date to always show today's date. Enter [today] in this field. You can also set dates in the future and the past by using + or 1. For example, a default date of tomorrow would be [today]+1 or yesterday would be [today]-1. |
Theme | Set this property to Inherit to use the Field SubTheme defined by the master theme for this form. Or, select a subTheme which will apply directly to this element. Once a subTheme is applied, you can edit it within the ThemeEditor. Learn more in Themes & Styles. |
Dependency | Create a dependency to hide or show this element based on a rule. The field becomes "dependent" on other values entered on the form. Learn more in Dependencies. |
Hidden | Set this property to true if you want this element to be hidden. |
Hide Mode | Default of Absolute or you can choose Block. This property determines how the element is hidden and if it will collapse within the space it would otherwise occupy. |
Advanced Customization
See the following articles for information about how to customize the Calendar even further:
Restrict Calendar to Weekdays only
Restrict Calendar to Weekends only
Set minimum date based on business days
0 Comments