Section | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...
Width is a crucial property when designing mulit-column forms. makes this very easy to do. Refer to this documentation for some tips about the drag and drop feature when designing multi-column forms.
...
Warning |
---|
IE8 does not support the CSS3 calc() function. The width of a Section control is set to 98%. If you have a Section inside a Panel that has fewer columns in your form, the right edge does not align. |
...
Item Width
Radio and Checkbox controls have an extra property called Item Width. You can use this property to change the layout of the options from vertical (one radio/checkbox button below the next) to horizontal. This is useful to save vertical space on long forms. And also useful to improve ease of use for forms with questions that each have the same set of options.
See this image as an example. The Item Width can be entered in % or px values.
Show/Hide Item Labels
Check this property to show/hide the Item labels for Radio and Checkbox controls. If checked, the item labels are not visible but they still take up space on the screen. Item Labels in a table do not take up screen space.
...
This property applies only to the Section control. When you drag a section control from the palette and drop it onto the designer canvas, the expand/collapse icon will be visible and the Expand/Collapse checkbox will be checked. Uncheck this to hide the icon.
Date Picker
You can specify whether or not you want to display the date picker via a checkbox on the Style Property panel. If checked, you will see the date picker inside the the date control and the date portion of the date/time input control.
Clicking on the today link in the date picker brings you to the current date. If you are looking at another month, July for example, and you click on the today link, the date picker will automatically bring you to the current month with today’s date highlighted(bold). Select the date to populate the field in your form/flow.
Info |
---|
The Date Picker described above only applies to the desktop view. Date and Date-Time controls on mobile devices display device specific date pickers. |
New Line
The New Line Property will be present for all controls that have the 12 column width selector. Check New Line and the control always appears on a new line. For example: Let's say you have First Name and Last Name controls side by side in your form.
...
Trigger and Link controls have this property checked by default.
Unsupported Properties
...
The following properties are no longer supported in v5.2 : border style, width, color, margins, padding and option width for Radio and Checkbox controls.
...