{"type":"doc","content":[{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":66.66},"content":[{"type":"paragraph","content":[{"text":"The frevvo palette offers a rich variety of controls that let you create virtually any form. All controls provide functionality as soon as you drop them into your form and can be customized to suit the form you are designing. The purpose of each control is described below.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":75.0},"content":[{"type":"media","attrs":{"__fileSize":121940,"__fileMimeType":"image/png","width":2877,"id":"f85b2fd4-7a95-4811-957d-edb163b6ec33","collection":"contentId-1062633834","type":"file","__fileName":"v10 Form Palette.PNG","height":1176}}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Palette Controls Chart","type":"text"}]},{"type":"table","attrs":{"layout":"full-width","localId":"1d1ada7b-0063-457a-9fbc-a539dd22c189"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"text":"Control","type":"text"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"text":"Control ","type":"text"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":2,"background":"#e0f0ff","rowspan":1,"colwidth":[104.0,246.0]},"content":[{"type":"paragraph","content":[{"text":"Selection Controls ","type":"text","marks":[{"type":"strong"}]},{"text":"(View ","type":"text"},{"text":"this short video","type":"text","marks":[{"type":"link","attrs":{"href":"https://www.youtube.com/watch?v=qUCOL0AkY1Y"}}]},{"text":" on Selection Controls.)","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":2,"background":"#e0f0ff","rowspan":1,"colwidth":[149.0,247.0]},"content":[{"type":"paragraph","content":[{"text":"Input Controls ","type":"text","marks":[{"type":"strong"}]},{"text":"(View ","type":"text"},{"text":"this short video","type":"text","marks":[{"type":"link","attrs":{"href":"https://www.youtube.com/watch?v=75xXPQrAmp4"}}]},{"text":" on Input Controls.)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"7d72030d-7017-40e3-b17d-186e3a6e3fec","text":":Dropdown_icon:","shortName":":Dropdown_icon:"}},{"text":" ","type":"text"},{"text":"Dropdown","type":"text","marks":[{"type":"link","attrs":{"href":"#Dropdown"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"A single-select options list displayed in dropdown format.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"0ebb8501-d800-4d05-8b55-62d8d730b4b1","text":":Text_icon:","shortName":":Text_icon:"}},{"text":" ","type":"text"},{"text":"Text","type":"text","marks":[{"type":"link","attrs":{"href":"#Text"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Allows users to type any text and is intended for short, one-line entries.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"3c7ad52a-61ee-4b28-b950-e138256f38eb","text":":Radio_icon:","shortName":":Radio_icon:"}},{"text":" ","type":"text"},{"text":"Radio","type":"text","marks":[{"type":"link","attrs":{"href":"#Radio"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"A single-select options list displayed in radio button format.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"ff9bcb90-7f02-4dfe-b9b7-9f9f72c20f47","text":":TextArea_icon:","shortName":":TextArea_icon:"}},{"text":" ","type":"text"},{"text":"TextArea","type":"text","marks":[{"type":"link","attrs":{"href":"#TextArea"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Lets users type any text and is intended for longer, multi-line submissions.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"31fb61e7-cb64-4385-a806-77db423e653c","text":":Checkbox_icon:","shortName":":Checkbox_icon:"}},{"text":" ","type":"text"},{"text":"Checkbox","type":"text","marks":[{"type":"link","attrs":{"href":"#Checkbox"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"A multi-select options list displayed as checkboxes.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"fe323b71-fa25-4ce5-be3a-c0060d0b1104","text":":Date_icon:","shortName":":Date_icon:"}},{"text":" ","type":"text"},{"text":"Date","type":"text","marks":[{"type":"link","attrs":{"href":"#Date,Time,andDate/TimeControls"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Can be used as a date, time or date plus time control with customizable date and/or time formats, and optional date picker.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":2,"background":"#e0f0ff","rowspan":1,"colwidth":[104.0,246.0]},"content":[{"type":"paragraph","content":[{"text":"Group Controls ","type":"text","marks":[{"type":"strong"}]},{"text":"(View ","type":"text"},{"text":"this short video","type":"text","marks":[{"type":"link","attrs":{"href":"https://www.youtube.com/watch?v=TGyRbMpLeTQ"}}]},{"text":" on Group Controls)","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"0c677dbb-9d95-4498-bc7a-7af39e796cb5","text":":Email_icon:","shortName":":Email_icon:"}},{"text":" ","type":"text"},{"text":"Email","type":"text","marks":[{"type":"link","attrs":{"href":"#Email"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Requires a valid email (user@domain format).","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"793e44b9-c870-4246-bd6d-8f4fa6034582","text":":Section_icon:","shortName":":Section_icon:"}},{"text":" ","type":"text"},{"text":"Section","type":"text","marks":[{"type":"link","attrs":{"href":"#Section"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"A group of controls with a border and label that can be expanded or collapsed; may also be set up as \"Signed Section\" for authenticated users.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"c8bfeacf-9c97-4a99-a4d7-c44254bf0399","text":":Money_icon:","shortName":":Money_icon:"}},{"text":" ","type":"text"},{"text":"Money","type":"text","marks":[{"type":"link","attrs":{"href":"#Money"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Allows users to enter U.S. currency","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"d02bfc0d-04db-4d7f-9ddd-373aa3f23b62","text":":Repeat_icon:","shortName":":Repeat_icon:"}},{"text":" ","type":"text"},{"text":"Repeat","type":"text","marks":[{"type":"link","attrs":{"href":"#Repeat"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"Allows user to add (or remove) controls to enter additional information as needed.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"9e5e53a9-6db8-40d1-bdd7-0c88817496e7","text":":Phone_icon:","shortName":":Phone_icon:"}},{"text":" ","type":"text"},{"text":"Phone","type":"text","marks":[{"type":"link","attrs":{"href":"#Phone"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Used for entering a phone number, and allows several 10-digit phone number formats.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"b5566ab6-464d-4c34-a3b3-c812e2152694","text":":Tab_icon:","shortName":":Tab_icon:"}},{"text":" ","type":"text"},{"text":"Tabs","type":"text","marks":[{"type":"link","attrs":{"href":"#Tabs"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"Displays controls in a tab layout.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"c462e63b-6750-4f7b-a0b6-85e56cd611f0","text":":Quantity_icon:","shortName":":Quantity_icon:"}},{"text":" ","type":"text"},{"text":"Quantity","type":"text","marks":[{"type":"link","attrs":{"href":"#Quantity"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Used for entering quantities or any whole numbers (integers).","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"5685595f-2432-40d1-b72d-f2c4f97f2328","text":":Panel_icon:","shortName":":Panel_icon:"}},{"text":" ","type":"text"},{"text":"Panel","type":"text","marks":[{"type":"link","attrs":{"href":"#Panel"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"A group of controls without a border or label; often used to create vertical alignment or tab order.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"b060d114-d1e9-4245-bf77-e5ef55882dda","text":":Number_icon:","shortName":":Number_icon:"}},{"text":" ","type":"text"},{"text":"Number","type":"text","marks":[{"type":"link","attrs":{"href":"#Number"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Used for entering decimal numbers. Users may enter any number of digits after the decimal place.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"74b425d3-5426-4f61-ac00-2e377a972f4e","text":":Table_icon:","shortName":":Table_icon:"}},{"text":" ","type":"text"},{"text":"Table","type":"text","marks":[{"type":"link","attrs":{"href":"#Table"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"Displays a set of controls in a grid/table layout with ability to add/remove rows as needed.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph"}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph"}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":4,"background":"#e0f0ff","rowspan":1,"colwidth":[104.0,246.0,149.0,247.0]},"content":[{"type":"paragraph","content":[{"text":"Miscellaneous ","type":"text","marks":[{"type":"strong"}]},{"text":"(View ","type":"text"},{"text":"this short video","type":"text","marks":[{"type":"link","attrs":{"href":"https://www.youtube.com/watch?v=mHWtf41MD3M"}}]},{"text":" on Miscellaneous Controls)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"5f6b7b4f-10a8-43ca-a207-654cc2268a04","text":":Message_icon:","shortName":":Message_icon:"}},{"text":" ","type":"text"},{"text":"Message","type":"text","marks":[{"type":"link","attrs":{"href":"#Message"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"A read-only control that accepts rich text to display information to users. Can also be used as a spacer.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"3c9476e3-32f4-4b67-85e5-600cf69e3398","text":":TF_icon:","shortName":":TF_icon:"}},{"text":" ","type":"text"},{"text":"T/F","type":"text","marks":[{"type":"link","attrs":{"href":"#T/F"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Use a T/F (Boolean) control for situations where the values will only be Yes or No.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"53ac61ef-eef1-480f-aca5-60395792de2d","text":":Link_icon:","shortName":":Link_icon:"}},{"text":" ","type":"text"},{"text":"Link","type":"text","marks":[{"type":"link","attrs":{"href":"#Link"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"Display a clickable link to users.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"66394c34-7471-4958-be32-0c896ffb49bf","text":":Image_icon:","shortName":":Image_icon:"}},{"text":" ","type":"text"},{"text":"Image","type":"text","marks":[{"type":"link","attrs":{"href":"#Image"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Include an image (picture, logo, etc.) in your form.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"fbecdcfe-ceab-46cf-ac44-d4132957a451","text":":Trigger_icon:","shortName":":Trigger_icon:"}},{"text":" ","type":"text"},{"text":"Trigger","type":"text","marks":[{"type":"link","attrs":{"href":"#Trigger"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"Displays a clickable button that can trigger some event set up in business rules, such as a search.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"7cd2e677-ed47-498d-861d-fab71bcd13cd","text":":Submit_icon:","shortName":":Submit_icon:"}},{"text":" ","type":"text"},{"text":"Submit","type":"text","marks":[{"type":"link","attrs":{"href":"#Submit"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Adds a button to your form that, when clicked, will submit the form. (Note that forms include a submit button by default.)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"645e8a31-1c78-4237-be12-1fa47ab004a1","text":":Upload_icon:","shortName":":Upload_icon:"}},{"text":" ","type":"text"},{"text":"Upload","type":"text","marks":[{"type":"link","attrs":{"href":"#Upload"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"Allows users to upload files as attachments in your form/workflow.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"ee3b84b5-11f3-4cc2-98ab-1665fabef003","text":":pagebreak_icon:","shortName":":pagebreak_icon:"}},{"text":" ","type":"text"},{"text":"PageBreak","type":"text","marks":[{"type":"link","attrs":{"href":"#PageBreak"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"Adds a page break for phone and/or tablet views.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"1ea189a5-3655-4a38-a773-a0bcd0837995","text":":Signature_icon:","shortName":":Signature_icon:"}},{"text":" ","type":"text"},{"text":"Signature","type":"text","marks":[{"type":"link","attrs":{"href":"#Signature"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"An electronic wet signature that allows the user to sign with mouse, trackpad, or touch screen.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"1c1313b3-c67a-4d28-9ec4-ff649579ef2c","text":":ComboBox_icon:","shortName":":ComboBox_icon:"}},{"text":" ","type":"text"},{"text":"ComboBox","type":"text","marks":[{"type":"link","attrs":{"href":"#ComboBox"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph","content":[{"text":"A special type of selection control that supports three types of data retrieval: frevvoUsers, frevvoRoles and Web Service. Also supports typeahead and entering values not in the options list.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[104.0]},"content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"id":"0d83c7b6-86a1-4560-970e-78d12e6f43d3","text":":Form_Viewer_Icon:","shortName":":Form_Viewer_Icon:"}},{"text":" ","type":"text"},{"text":"Form Viewer","type":"text","marks":[{"type":"link","attrs":{"href":"#FormViewer"}}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[246.0]},"content":[{"type":"paragraph","content":[{"text":"Displays a mapped PDF you have uploaded/mapped in ","type":"text"},{"text":"Forms Generated for this Form","type":"text","marks":[{"type":"link","attrs":{"href":"#"}}]},{"text":" dialogue.","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[149.0]},"content":[{"type":"paragraph"}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[247.0]},"content":[{"type":"paragraph"}]}]}]}]},{"type":"layoutColumn","attrs":{"width":33.33},"content":[{"type":"paragraph","content":[{"text":"On This Page","type":"text","marks":[{"type":"strong"}]}]},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"minLevel":{"value":"1"},"maxLevel":{"value":"2"},"_parentId":{"value":"1062633834"},"absoluteUrl":{"value":"true"}},"macroMetadata":{"macroId":{"value":"e81f7459e8e92e0c51a5b59e23b91694"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"8503fc4d-bd9d-4f29-8dbc-f4af32fa9ad1"}},{"type":"paragraph"}]}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":1},"content":[{"text":"Input Controls","type":"text"}]},{"type":"paragraph","content":[{"text":"Input controls allow users to enter data (text, dates, numbers, etc.) into your form and automatically prevent them from entering the wrong data types. For example, if users enter letters into a number control, your form will display an error message and form submission is prevented until valid data is supplied. This validation happens automatically; you do not have to do anything special. The purpose of each input control is described below.","type":"text"}]},{"type":"paragraph","content":[{"text":"To validate the content in each input control, frevvo assigns a default XML schema data type to each control. The table below shows the default data types for each input control.","type":"text"}]},{"type":"table","attrs":{"layout":"default","localId":"6a7ac2b2-c6fb-4693-9ab6-613962dec6a2"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"Input Control","type":"text"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"XML Schema Type","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"Text","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"xsd:string","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"Date","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"xsd:date","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"EMail","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"types:emailType, an xsd:string restriction pattern defined in types.xsd.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"Money","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"types:number, an xsd:double restriction defined in types.xsd.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"Phone","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"types:phoneType, an xsd:string restriction pattern defined in types.xsd.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"Quantity","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"xsd:integer","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"Number","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"types:number, an xsd:double restriction defined in types.xsd.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[127.0]},"content":[{"type":"paragraph","content":[{"text":"T/F","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[633.0]},"content":[{"type":"paragraph","content":[{"text":"xsd:boolean","type":"text"}]}]}]}]},{"type":"paragraph","content":[{"text":"The explanations below describe the controls generically—before you edit them to impose additional restrictions or define behavior specific to the form you’re creating. Refer to ","type":"text"},{"text":"Setting Properties","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863"}}]},{"text":" for the information.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Text ","type":"text"}]},{"type":"paragraph","content":[{"text":"Text controls allow users to type any text and are intended for short, one-line entries.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"TextArea","type":"text"}]},{"type":"paragraph","content":[{"text":"The TextArea control lets users type any text and is intended for longer, multi-line submissions. Scroll bars appear as needed to accommodate the text entered. This control has a # of Rows property that controls the default number of lines visible in the input area. The TextArea control is the only input control that does not have a ","type":"text"},{"text":"decorator","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Decorator","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Decorator"}}]},{"text":".","type":"text"}]},{"type":"paragraph","content":[{"text":"In HTML there is no way to set a maxLength on a TextArea control which is why the TextArea control does not have the maxlength property like the text control. If you need a maxlength, it's best to either choose the text control, or this can be accomplished via a business rule. See the ","type":"text"},{"text":"Business Rule for TextArea Max Length","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"TextareaMaxLength","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-TextareaMaxLength"}}]},{"text":". ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":129147,"__fileMimeType":"image/png","width":2877,"id":"cffea227-7453-4d8e-a173-a3831d397eee","collection":"contentId-1062633834","type":"file","__fileName":"v10 TextArea control.PNG","height":1346}}]},{"type":"paragraph","content":[{"text":"Since users typically enter multi-line text into TextArea controls this can pose a challenge if you want to display that text in an HTML page. For example, you may want to display the entered text in your form's Doc Action display message, in an HTML formatted email, or in on a web page such as your Confluence wiki. The challenge is caused by the fact that line breaks entered into a TextArea control are represented by a single newline character \\n while line breaks in an HTML context are represented by the HTML break characters:","type":"text"}]},{"type":"codeBlock","content":[{"text":"<\\br>","type":"text"}]},{"type":"paragraph","content":[{"text":"In order to display the text in an HTML context you need to replace the \\n with the HTML break characters. See the business rules chapter ","type":"text"},{"text":"TextArea newline vs break","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"Textareanewlinevsbreak","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-Textareanewlinevsbreak"}}]},{"text":" for a working example.","type":"text"}]},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"paragraph","content":[{"text":"Do not select a TextArea field as a ","type":"text"},{"text":"Searchable Field","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Edit Settings","anchorName":"SetupSearchableFields","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633756#EditSettings-SetupSearchableFields"}}]},{"text":" if the amount of text stored in the field is greater than 32k.","type":"text"}]}]},{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"bodiedExtension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"excerpt","parameters":{"macroParams":{"_parentId":{"value":"1062633834"},"atlassian-macro-output-type":{"value":"INLINE"}},"macroMetadata":{"macroId":{"value":"ac31b5a4-7d38-4dad-955d-fc90770acc40"},"schemaVersion":{"value":"1"},"title":"Excerpt"}},"localId":"49724aa5-1d94-4921-9d4d-6f39347897e9"},"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"Date, Time, and Date/Time Controls","type":"text"}]},{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"date ","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"DateFormat","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-DateFormat"}}]},{"text":"control allows the user to enter a date, time, or date/time combo. The designer can choose from a variety of ","type":"text"},{"text":"formats","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"DateTimeDateTimeFormats","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-DateTimeDateTimeFormats"}}]},{"text":" for each type.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":32.0},"content":[{"type":"media","attrs":{"__fileSize":42451,"__fileMimeType":"image/png","width":606,"id":"287aa6ae-7685-4a62-a4e7-220f923b0aab","collection":"contentId-1062633834","type":"file","__fileName":"v91 Date Control Properties.PNG","height":814}}]},{"type":"paragraph","content":[{"text":"Designers can add a ","type":"text"},{"text":"date picker ","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"DatePickerCheckbox","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-DatePickerCheckbox"}}]},{"text":"via the Style Properties tab. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":42710,"__fileMimeType":"image/png","width":1462,"id":"fa44d868-9d60-4313-b85e-a5a22b0a0b10","collection":"contentId-1062633834","type":"file","__fileName":"v91 Date Control with Date Picker.PNG","height":404}}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The Date control denotes a day and has ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"no dependencies on time zone.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"strong"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"Time ","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"TimeControl","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-TimeControl"}}]},{"text":"control denotes the time of the day and has ","type":"text"},{"text":"no dependencies on time zones","type":"text","marks":[{"type":"strong"}]},{"text":" or offsets. It will not shift based on whether or not Daylight Savings Time is observed in a time zone.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"Date/Time","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Date/TimeFormat","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Date/TimeFormat"}}]},{"text":" control ","type":"text"},{"text":"relies on the time zone of the browser","type":"text","marks":[{"type":"strong"}]},{"text":". The time portion will be calculated based on the date and whether or not Daylight Savings Time is observed in that time zone. The Date/Time control type is meant to represent a point in time, so ","type":"text"},{"text":"certain functions in the Visual Rule Builder","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Visual Rule Builder","anchorName":"HelpMode","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634089#VisualRuleBuilder-HelpMode"}}]},{"text":" (year, month, day, hour, minute) are not available on this control type. ","type":"text"}]}]}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"If the form cannot infer the browser time zone, the Date/Time control will display in UTC.","type":"text"}]}]},{"type":"paragraph","content":[{"text":"For example, the time 5:00 PM is entered into a Time control and the date 2/4/2020 plus 5:00 PM into a Date/Time control by a user located in the America/New_York (Eastern Standard Time). When the submission is viewed in the EST time zone, the Time Control displays 5:00 PM. This value will not change. The time portion of the Date/Time control also displays 5:00 PM, because it takes on the timezone of the browser (EST) and it is not further adjusted because Daylight Savings Time is not observed in EST on February 4th.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":31930,"__fileMimeType":"image/png","width":1576,"id":"3b4a3242-baa2-4905-90cf-b01f25fa79ef","collection":"contentId-1062633834","type":"file","__fileName":"v91 Date and DateTime in EST.PNG","height":482}}]},{"type":"paragraph","content":[{"text":"If the submission is viewed in Tijuana (Pacific Standard Time), the Time Control will display 5:00 PM as it did in EST, since it has no dependency on time zone. However, the Time portion of the Date/Time control will show 2:00 PM because it will be adjusted by the browser time zone to PST. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":31859,"__fileMimeType":"image/png","width":1576,"id":"d77249f6-7b1c-4e84-a22d-5e79efc7b9f7","collection":"contentId-1062633834","type":"file","__fileName":"v91 Time and DateTime in EST plus PST.PNG","height":482}}]},{"type":"paragraph","content":[{"text":"Business Rules","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Working with Rules","anchorName":"DatesandTimes","versionAtSave":"4"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634059#WorkingwithRules-DatesandTimes"}}]},{"text":" can be applied to the Date/Time control in all variations. See the ","type":"text"},{"text":"Rules Examples","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"DateandTimeControls","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-DateandTimeControls"}}]},{"text":" chapter containing numerous examples.","type":"text"}]},{"type":"panel","attrs":{"panelType":"success"},"content":[{"type":"paragraph","content":[{"text":"Please review the ","type":"text"},{"text":"Time Zone documentation","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Working with Dates and Times","anchorName":"TimeZones","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633764#WorkingwithDatesandTimes-TimeZones"}}]},{"text":" to understand how Time Zones work when initializing date, time, and date/time controls using business rules and _data.","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Date, Time and Date/Time Submission Values","type":"text"}]},{"type":"paragraph","content":[{"text":"frevvo saves ","type":"text"},{"text":"Date","type":"text","marks":[{"type":"strong"}]},{"text":" and ","type":"text"},{"text":"Time","type":"text","marks":[{"type":"strong"}]},{"text":" control values in the ","type":"text"},{"text":"submission xml document","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Submissions Stored Inside of frevvo","anchorName":"ViewingXMLDocuments","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634003#SubmissionsStoredInsideoffrevvo-ViewingXMLDocuments"}}]},{"text":" exactly as entered, but converted to ISO format. These values will display as entered, regardless of viewer's time zone, when the submission or workflow step is viewed.","type":"text"}]},{"type":"paragraph","content":[{"text":"frevvo saves ","type":"text"},{"text":"Date/Time","type":"text","marks":[{"type":"strong"}]},{"text":" control values in the submission document ","type":"text"},{"text":"in ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#172b4d"}}]},{"text":"Coordinated Universal Time (UTC)","type":"text","marks":[{"type":"link","attrs":{"href":"http://www.timeanddate.com/time/aboututc.html"}}]},{"text":", also in ISO format. The indicator \"Z\" is appended to the end of the string to denote UTC time. This value will display in the user's browser time zone when the submission or workflow step is viewed.","type":"text"}]},{"type":"paragraph","content":[{"text":"Here is a form with Date, Time, and Date/Time controls entered by the user at run-time in the New York time zone.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":75.0},"content":[{"type":"media","attrs":{"__fileSize":28247,"__fileMimeType":"image/png","width":1941,"id":"328e29dc-97d1-4a97-9ee0-864abbf01872","collection":"contentId-1062633834","type":"file","__fileName":"Dates adn Times entered by user run time.PNG","height":279}}]},{"type":"paragraph","content":[{"text":"In the submissions document, notice that the date and time are saved as entered. You can see the time is '10:43:00' which is 10:43 AM in ISO format. However, the Date/Time control value is saved in UTC '14:43:00Z' which is 10:43 AM EST converted to UTC.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":57.0},"content":[{"type":"media","attrs":{"__fileSize":138173,"__fileMimeType":"image/png","width":1746,"id":"7224c3da-206d-47a9-92cf-da22cdf0dc38","collection":"contentId-1062633834","type":"file","__fileName":"Screen Shot 08-03-21 at 10.47 AM.PNG","height":942}}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"ISO Formats","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Date: YYYY-MM-DD","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Time: HH:MM:SS","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"DateTime: yyyy-mm-dd","type":"text"},{"text":"T","type":"text","marks":[{"type":"strong"}]},{"text":"hh:mm:ss","type":"text"},{"text":"Z","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"paragraph","content":[{"text":"Date, Time and Date/Time controls display with UTC offsets in the ","type":"text"},{"text":"Submission CSV Export","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Submissions Stored Inside of frevvo","anchorName":"DateandTimeControlsexportedtothecsvfile","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634003#SubmissionsStoredInsideoffrevvo-DateandTimeControlsexportedtothecsvfile"}}]},{"text":".","type":"text"}]}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Email","type":"text"}]},{"type":"paragraph","content":[{"text":"The EMail control requires users to enter a valid email address. The address must conform to the following syntax: @. The email control provides rudimentary syntactic validation by checking for the presence of an \"@\" between the local-part (name) and domain, both of which can contain any character. The local-part can have a max length of 64 characters and the domain 255. Your usage may have stricter rules on what an email address can contain. In this case, you may want to use a text control with a ","type":"text"},{"text":"pattern that represents your usage","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Valid Forms","anchorName":"EMailpattern","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634258#ValidForms-EMailpattern"}}]},{"text":" instead.","type":"text"}]},{"type":"paragraph","content":[{"text":"Multiple emails can be entered in the email control separated by either a comma or a semicolon; however, the syntax will only be validated on the first email entered.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#172b4d"}}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Money","type":"text"}]},{"type":"paragraph","content":[{"text":"The Money control allows users to enter U.S. currency. Users may type commas and a decimal point but frevvo will not add them to the data automatically. The form also will round all entries to two decimal places. For example, if the user enters 4000, it will display as 4000.00 when the user exits the field.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Phone","type":"text"}]},{"type":"paragraph","content":[{"text":"Used for entering a phone number and allows any of the following formats. If you want to enforce one of the 10-digit formats (to require an area code), you can edit the control’s ","type":"text"},{"text":"Pattern","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Pattern","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Pattern"}}]},{"text":".","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"##########","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"###-###-####","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"###.###.####","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"###-####","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"###.#### ","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Quantity","type":"text"}]},{"type":"paragraph","content":[{"text":"The Quantity control is used for entering quantities or any whole numbers (integers). The form displays an error message if users enter decimal points, commas, or anything other than an integer.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Number","type":"text"}]},{"type":"paragraph","content":[{"text":"The Number control is used for entering decimal numbers. Users may enter any number of digits after the decimal place.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Selection Controls","type":"text"}]},{"type":"paragraph","content":[{"text":"frevvo supports five types of selection controls. Selection controls let users choose from a list of options instead of having to enter text. ","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Dropdown","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Radio","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Checkbox","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"ComboBox","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"T/F","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Setting Options","type":"text"}]},{"type":"paragraph","content":[{"text":"Options for the Dropdown, Radio and Checkbox controls can be populated using two methods. These are discussed in detail in the ","type":"text"},{"text":"Control Properties chapter.","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Options","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Options"}}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Design Time","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"SettingUpStaticOptions","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-SettingUpStaticOptions"}}]},{"text":" (Static Options)-","type":"text","marks":[{"type":"strong"}]},{"text":" Designers enter the options at design time by typing them in the Options property for the chosen selection control. Options entered in this way are static - they will not change at runtime. The controls are discussed below.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Web Service","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"SettingUpDynamicOptionsNoCodingNeeded","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-SettingUpDynamicOptionsNoCodingNeeded"}}]},{"text":" (Dynamic Options)","type":"text","marks":[{"type":"strong"}]},{"text":" - Designers can dynamically populate options at runtime from an external RESTful web service source, such as the frevvo Database Connector. The frevvo Dynamic Option feature allows you to do this","type":"text"},{"text":" without code","type":"text","marks":[{"type":"em"}]},{"text":" right in the control properties panel. If you prefer, you can also set dynamic options using a ","type":"text"},{"text":"business rule","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Business Rules","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634057"}}]},{"text":". Refer to the ","type":"text"},{"text":"Dynamic Options","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Options","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Options"}}]},{"text":" topic for the details.","type":"text"},{"type":"hardBreak"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":25.0},"content":[{"type":"media","attrs":{"__fileSize":51292,"__fileMimeType":"image/png","width":761,"id":"cb68e8d9-18ca-4578-9536-d6d20863992c","collection":"contentId-1062633834","type":"file","__fileName":"v10 Selection control options src.PNG","height":912}}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":25.0},"content":[{"type":"media","attrs":{"__fileSize":20251,"__fileMimeType":"image/png","width":490,"id":"7a41e2fb-2e88-4dae-a39c-a9267ebf304f","collection":"contentId-1062633834","type":"file","__fileName":"v10 Selection Ctrl use mode.PNG","height":533}}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Dropdown","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"The Dropdown control displays a list of options in a dropdown menu and allows a single selection. The first choice in the dropdown list is blank; you define the other choices by editing the control’s Options properties. Keyboard selection of an option is not currently supported but is planned for a future release. Users can type-ahead. For example, select a dropdown control and type \"S\" and it jumps you to options that start with \"S\". This is extremely useful for dropdown controls that have a long list of options. This control is a standard HTML dropdown so it does not allow using backspace to clear selected options. The ","type":"text"},{"text":"Comment","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"CommentProperty","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-CommentProperty"}}]},{"text":" property can be used to provide a text box for additional information when the last option in the selection control is chosen. ","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"ComboBox","type":"text"}]},{"type":"paragraph","content":[{"text":"The ComboBox control supports three types of data retrieval: frevvoUsers, frevvoRoles, and Web Service. Designers select the data source from the ","type":"text"},{"text":"Options Src ","type":"text","marks":[{"type":"strong"}]},{"text":"property. See the ","type":"text"},{"text":"Dynamic Options ","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"DynamicOptionsfortheComboBoxControl","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-DynamicOptionsfortheComboBoxControl"}}]},{"text":"feature topic for information about how to set up options for the ComboBox control.","type":"text"}]},{"type":"paragraph","content":[{"text":"You can use the ComboBox to retrieve values from a database and enable a list of possible partial matches.","type":"text"}]},{"type":"paragraph","content":[{"text":"frevvo LDAP customers often use the ComboBox control if they have many users/roles configured on their LDAP server. What if the designer wants to pull a list of users or roles from their LDAP server into a form or workflow for user selection? Using a traditional dropdown control is not ideal especially when you have thousands of users to pick from. ","type":"text"},{"text":"The ComboBox control allows users to type characters in the ComboBox control that filter the choices to the entered characters and display those that match. You can also type a value that is not in the list. You may limit responses to the available options by selecting ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"Options Value Only","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"strong"}]},{"text":" (available only for frevvoUsers and frevvoRoles.) Checking","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":" Options Value Only ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"strong"}]},{"text":"is recommended when using the ComboBox value in form routing; allowing a value that is not in the list could result in an ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"invalid task assignment","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Workflow Step Properties","anchorName":"InvalidTaskAssignment","versionAtSave":"5"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633631#WorkflowStepProperties-InvalidTaskAssignment"}}]},{"text":".","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]},{"type":"paragraph","content":[{"text":" ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"68385593-2b5c-4e45-aa59-77b78f961613","collection":"contentId-816782515","height":"400"}}},{"type":"hardBreak"}]},{"type":"paragraph","content":[{"text":"Drag/drop the ComboBox from the Palette or import it from ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"ComboBoxfrom Schema","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"link","attrs":{"href":"#ComboBoxfromSchema"}}]},{"text":". When you drag/drop the ComboBox from the Palette, it does not have a ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"ControlType","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"link","attrs":{"href":"#ControlType"}}]},{"text":" property. You cannot change the ComboBox to a different control by changing the value in the Control T","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"ype dropdown. You must delete the ComboBox and then add the control that you want. ","type":"text"}]},{"type":"paragraph","content":[{"text":"Existing forms/workflows that contain the ComboBox control will have the value of the ","type":"text"},{"text":"Options URL","type":"text","marks":[{"type":"strong"}]},{"text":" property in the ","type":"text"},{"text":"Options Src","type":"text","marks":[{"type":"strong"}]},{"text":" field after upgrading.","type":"text"}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The Combobox control will not work for public forms as the call to find users and roles is secured.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The ComboBox control will not work in Edit mode. Click the ","type":"text"},{"type":"emoji","attrs":{"id":"835db413-3e63-4556-9217-e22df9fcfe71","text":":Save_and_Test_icon:","shortName":":Save_and_Test_icon:"}},{"text":" ","type":"text"},{"text":"save and test","type":"text","marks":[{"type":"strong"}]},{"text":" icon to verify your changes.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The maximum number of items returned from a query is 1000 when using the ComboBox control in a form/workflow if your tenant is using the LDAP Security Manager. This is an LDAP limitation.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The maximum number of items returned from a query is 1000 when using the ComboBox control in a form/workflow if your tenant is using the Azure SAML Security Manager.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"ComboBox from Schema","type":"text"}]},{"type":"paragraph","content":[{"text":"You can change the ","type":"text"},{"text":"Options Src ","type":"text","marks":[{"type":"strong"}]},{"text":"for ComboBox controls that are added to your form/workflow when you upload a ","type":"text"},{"text":"schema","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Data Sources","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633928"}}]},{"text":". Notice this control does not have a ","type":"text"},{"text":"display as property","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Data Sources","anchorName":"ModifyingControlsGeneratedfromSchemaElements","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633928#DataSources-ModifyingControlsGeneratedfromSchemaElements"}}]},{"text":" so you cannot change the appearance of the control using this property.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":31.0},"content":[{"type":"media","attrs":{"__fileSize":47600,"__fileMimeType":"image/png","width":667,"id":"2d503d5a-006e-4c7f-9f63-7ee89f8134c4","collection":"contentId-816782515","type":"file","__fileName":"v91 ComboBox from Schema.PNG","height":930}}]},{"type":"paragraph","content":[{"text":"Information about how to set up Options for the ComboBox control is discussed under the ","type":"text"},{"text":"Dynamic Options ","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"DynamicOptionsfortheComboBoxControl","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-DynamicOptionsfortheComboBoxControl"}}]},{"text":"feature topic.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Radio","type":"text"}]},{"type":"paragraph","content":[{"text":"This adds mutually exclusive radio buttons. You define the number of radio buttons and the specific choices by editing the control’s Options properties. Note: If you select a radio option as the default and later decide you do not want an option selected by default, you must remove that option from the control and tab out of the options property so that it is removed from the control. Then add the option back to the control's options list. Now that option is no longer a selected default.","type":"text"}]},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Do not use the '>' character in a radio control option label if the radio is used inside a repeat control. This causes a known issue where the selected option in one radio repeat deselects when the value in the next radio item is selected.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Radio controls that do not display in a yellow background even if the ","type":"text"},{"text":"Required","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Required","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Required"}}]},{"text":" property is set can be reset to the proper state by changing the control type to a different type and then back again.","type":"text"}]}]}]}]},{"type":"paragraph","content":[{"text":"A ","type":"text"},{"text":"Comment","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"CommentProperty","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-CommentProperty"}}]},{"text":" property can be used to provide a text box for additional information when the last option in the selection control is chosen. ","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Checkbox","type":"text"}]},{"type":"paragraph","content":[{"text":"This adds a set of checkboxes so users can check one or more. As with the other selection controls, you edit the control’s Options properties to define the number of checkboxes and the specific choices. A ","type":"text"},{"text":"Comment","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"CommentProperty","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-CommentProperty"}}]},{"text":" property can be used to provide a text box for additional information when the last option in the selection control is chosen. ","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"T/F","type":"text"}]},{"type":"paragraph","content":[{"text":"Use a T/F (Boolean) control in your form for situations where the values will only be Yes or No. For example, The image shows a T/F control in the Preferences section of a company Travel Request. The label for this field has been changed to Non-Smoking Hotel Room. The employee filling out the request checks the box if they prefer a Non Smoking room.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":65.0},"content":[{"type":"media","attrs":{"__fileSize":20270,"__fileMimeType":"image/png","width":1538,"id":"01415159-56a3-4dd9-944a-c32c63156b3d","collection":"contentId-816782515","type":"file","__fileName":"v91 TF Control example.PNG","height":340}}]},{"type":"paragraph","content":[{"text":"The control options default to \"true=Yes\" and \"false=No\". When you drag the control from the palette, only the \"Yes\" option will be visible. You can change the option labels from Yes and No to whatever you want. However, changes to the ","type":"text"},{"text":"label for false are irrelevant as they will never be visible on the form. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"The option values cannot be changed and will always stay as true and false. Blank labels for options are not allowed","type":"text"},{"text":". ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Checking the “Yes” checkbox of the Boolean control results in a true value in the XML document.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start"},"content":[{"type":"media","attrs":{"__fileSize":4884,"__fileMimeType":"image/png","width":585,"id":"a703deef-6212-4037-abaf-f8cfdee41989","collection":"contentId-816782515","type":"file","__fileName":"TFselectedNoRequiredFalse.png","height":93}}]},{"type":"paragraph","content":[{"text":"Leaving it unchecked will translate to a null value, so no value will show in the XML document.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start"},"content":[{"type":"media","attrs":{"__fileSize":3720,"__fileMimeType":"image/png","width":589,"id":"da28332e-39ca-4591-ac82-9a66879d7b84","collection":"contentId-816782515","type":"file","__fileName":"TFnodatanorequiredfalse.png","height":66}}]},{"type":"paragraph","content":[{"text":"Notice the ","type":"text"},{"text":"Required (false)","type":"text","marks":[{"type":"strong"}]},{"text":" property on the T/F Properties panel. This property is unchecked by default. If checked, the XML entry shows a false value when the T/F value is not selected. However, this property does ","type":"text"},{"text":"not","type":"text","marks":[{"type":"strong"}]},{"text":" require a T/F control to be checked, since the unchecked option is still a valid value (false).","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":32.0},"content":[{"type":"media","attrs":{"__fileSize":40793,"__fileMimeType":"image/png","width":598,"id":"0759bc01-8683-41b9-8d8e-1048fa12d49a","collection":"contentId-816782515","type":"file","__fileName":"v91 TF Control Properties.PNG","height":768}}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"808a813c-b1ab-4928-b6f6-acbbf60a52b4","collection":"contentId-816782515","height":""}}},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"A T/F control added to a table will hide the \"Yes\" option label. A Boolean checkbox should be used only if there are two states: Y/N. The column header label in the table can help make the choice obvious. For Example, you could create a column header - Non-Smoking Room in the table and if the user checks the box the value will be true and if the box remains unchecked, the value will be false.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":65.0},"content":[{"type":"media","attrs":{"__fileSize":21289,"__fileMimeType":"image/png","width":1528,"id":"ccce1562-2286-4e06-816f-97705e9cbcaf","collection":"contentId-816782515","type":"file","__fileName":"v91 TF Control in a Table.PNG","height":234}}]},{"type":"paragraph","content":[{"text":"Use another selection control if the choices are not restricted to yes/no, or if you want to require the user to check the box. For example, you may want to require the user to check a box \"I agree to the policies.\" In this case, a better option would be a ","type":"text"},{"text":"checkbox","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-Checkbo"}}]},{"text":" control with a single value rather than a T/F control.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Value Property of T/F in Business Rules","type":"text"}]},{"type":"paragraph","content":[{"text":"The value property behaves differently for a T/F control depending on whether it is from schema or not.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"From schema, when checked: control.value === true","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"From scratch, when checked: control.value[0] === true","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"If you use the ","type":"text"},{"text":"Visual Rule Builder","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Visual Rule Builder","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634089"}}]},{"text":" to build a rule with the T/F control, the resulting rule covers both value states so the designer will not have to make further changes.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Upload Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Use this to allow the user to upload and submit attachments with your forms. You can attach photos from your device photos library or take a new photo with the device camera. The Upload control is decorated with an image that cannot be changed. When you click on the Upload control in use mode, the button text is underlined.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":32.0},"content":[{"type":"media","attrs":{"__fileSize":9271,"__fileMimeType":"image/png","width":617,"id":"b80bce99-a0a7-444a-8f2f-03d6a8ca2d1b","collection":"contentId-816782515","type":"file","__fileName":"v91 Upload Control example.PNG","height":222}}]},{"type":"paragraph","content":[{"text":"The upload control contains special properties to control the ","type":"text"},{"text":"MaxSize","type":"text","marks":[{"type":"link","attrs":{"href":"#MaxSize"}}]},{"text":", the ","type":"text"},{"text":"Min/Max Number of Attachments","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-Min/MaxNumberofAttachments"}}]},{"text":" to accept per form submission, and to allow the form designer to specify ","type":"text"},{"text":"Restricted Content Types and Other Mime/Ext","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-RestrictedContentTypesandOtherMime/Ext"}}]},{"text":" on the types of files allowed to be uploaded to the control/form. When a user uploads content to an upload control with a content filter applied, frevvo will check the upload against the filter and if there is no match, reject the upload with an error message.","type":"text"}]},{"type":"paragraph","content":[{"text":"Attachments are viewable in the Submissions Repository. You can configure your form's ","type":"text"},{"text":"Doc Action","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Form and Doc Actions","anchorName":"SendDocuments","versionAtSave":"4"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633729#FormandDocActions-SendDocuments"}}]},{"text":" property to send attachments to a URL endpoint (ex: servlet) that can save the attachments locally within your company.","type":"text"}]},{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"Filename","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-Changingthefilenameofanuploadedattachmentintheform/flowsubmission"}}]},{"text":" property allows designers to specify a naming convention for the attachment in the form/workflow submission.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Min/Max Number of Attachments","type":"text"}]},{"type":"paragraph","content":[{"text":"You can specify the minimum and maximum number of attachments that can be uploaded to your form using the Min # and the Max # properties. Setting the min and max values to 0 or if the maximum # field is left empty means an unlimited number of files can be uploaded. Setting the min # to a value greater than zero makes the field required. Set the min # to 1 to ensure that the user uploads at least one attachment to your form. Use the max # for the maximum attachments allowed. Clicking on Add Files will not display the upload lightbox when the maximum # of attachments have been uploaded. No further uploads will be allowed. Setting the Max # to 1 disables the ","type":"text"},{"text":"Multi-File Upload","type":"text","marks":[{"type":"link","attrs":{"href":"#Multi-Select"}}]},{"text":" feature. See below for more information.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":31.0},"content":[{"type":"media","attrs":{"__fileSize":21809,"__fileMimeType":"image/png","width":1031,"id":"d31a38f2-9081-4c13-acb6-3b83a0aeae89","collection":"contentId-816782515","type":"file","__fileName":"v91 Upload Control with files example.PNG","height":340}}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"You will not see the Required property on the Properties panel for the Upload control. This is because \"Required\" is not a valid property of an upload control so trying to set that property using a rule will not work. However, you can make the control required by setting the min # property greater than 1. If you need to make the Upload control required from a rule, you can put the upload control into a section, uncheck required on the section and then create a rule to make the section required.","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Setting Min/Max Properties with a Business Rule","type":"text"}]},{"type":"paragraph","content":[{"text":"The min and max properties can be changed with a business rule using the properties, minFiles, and maxFiles. The values for minFiles and maxFiles can be read and changed at runtime if required. Check out this very simple ","type":"text"},{"text":"example","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"DynamicallySetMinandMaxinaRepeat","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-DynamicallySetMinandMaxinaRepeat"}}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Restricted Content Types and Other Mime/Ext","type":"text"}]},{"type":"paragraph","content":[{"text":"Use the ","type":"text"},{"text":"Restricted Content Types ","type":"text","marks":[{"type":"strong"}]},{"text":"field on the Upload Control Property pane to restrict the content type of the files uploaded to your form. This property lets the designer specify one or more types which restrict the content to those types. Uploads can be restricted by using ","type":"text"},{"text":"MIME","type":"text","marks":[{"type":"link","attrs":{"href":"http://en.wikipedia.org/wiki/MIME"}}]},{"text":" Types (limited set supported), File Extensions, or both.","type":"text"}]},{"type":"paragraph","content":[{"text":"Select the content types you want to allow by checking the associated check box in the ","type":"text"},{"text":"Restricted Content Types ","type":"text","marks":[{"type":"strong"}]},{"text":"field. The choices are pdf, MS Word, MS Excel, MS PowerPoint, MS Access, gif, jpeg, png, tiff, rtf, tar, zip, gzip, xml, and bmp. frevvo will map the content types that you choose to one or more ","type":"text"},{"text":"mime","type":"text","marks":[{"type":"link","attrs":{"href":"http://en.wikipedia.org/wiki/MIME"}}]},{"text":" types. Content type filtering will be enabled for the extensions selected. For example, the image shows an upload control in a form that will only allow files with .jpeg, .pdf and .png extensions. This list can be expanded for customers using frevvo On Premise by modifying the context parameter: frevvo.upload.file.types in the web.xml file. See ","type":"text"},{"text":"Installation Tasks","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Installation Tasks","anchorName":"ModifyingContentTypesfortheUploadControl","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633922#InstallationTasks-ModifyingContentTypesfortheUploadControl"}}]},{"text":" for the details.","type":"text"}]},{"type":"paragraph","content":[{"text":"An easier way to add extensions or other mime types for filtering can be accomplished via the ","type":"text"},{"text":"Other Mime/Ext","type":"text","marks":[{"type":"strong"}]},{"text":" field. You can use this field to restrict uploads to a mime type or file extension that is not included in the subset of the most common file content types provided by frevvo. Enter one or more extensions (of any length) or mime types, separated by a space, to enable the extension and additional mime type filtering. An upload matches on an extension if its name ends in a period followed by one of the extensions. The comparison is case insensitive. Likewise, an upload matches on mime type if its mime type matches one of the additional mime types entered. For example, the extensions, ","type":"text"},{"text":"txt, and htm","type":"text","marks":[{"type":"em"}]},{"text":", shown in the ","type":"text"},{"text":"Other Mime/Ext","type":"text","marks":[{"type":"strong"}]},{"text":" field in the image above, restricts uploaded files to ones that have .jpeg, .png, .pdf, .txt, and .htm extensions.","type":"text"}]},{"type":"paragraph","content":[{"text":"The frevvo mime utility now uses the Apache Tika toolkit for improved mime detection. Files with .xls, .xlsx, ppt and .docx extensions are now correctly described when uploaded in use mode.","type":"text"}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"If you select \"xml\" for the restricted content types of an upload control, it will only accept xml files with an ","type":"text"},{"text":"xml declaration","type":"text","marks":[{"type":"link","attrs":{"href":"https://en.wikipedia.org/wiki/XHTML#XML_declaration"}}]},{"text":". To upload xml files that do not have the xml declaration, the designer can enter ","type":"text"},{"text":"xml","type":"text","marks":[{"type":"strong"}]},{"text":" into the ","type":"text"},{"text":"Other Mime/ext","type":"text","marks":[{"type":"strong"}]},{"text":" field on the Property panel of the upload control. The Upload control will then accept any file with an .xml extension.","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Error Messages ","type":"text"}]},{"type":"paragraph","content":[{"text":"The user will see error messages if upload filtering is applied and the uploaded content types do not match. The error message shown below will be displayed if content type only filtering or both content type and extension/mime filtering have been applied and the uploaded content does not match either restriction. For instance, uploading a file with a .jpeg extension will not match the selected content type choices or the .docx file extension listed in the ","type":"text"},{"text":"Other Mime/Ext ","type":"text","marks":[{"type":"strong"}]},{"text":"field as shown in the Upload Control Property Pane image:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":85.0},"content":[{"type":"media","attrs":{"__fileSize":244217,"__fileMimeType":"image/png","width":2083,"id":"f8afd6cd-5fc3-4fc2-8de8-59d365f244cd","collection":"contentId-816782515","type":"file","__fileName":"v91 Upload Error Message.PNG","height":1143}}]},{"type":"paragraph","content":[{"text":"When extension and additional mime type filtering only have been specified and the uploaded content does not match, the error message below will display:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":85.0},"content":[{"type":"media","attrs":{"__fileSize":252941,"__fileMimeType":"image/png","width":2088,"id":"b29d6032-8bc7-48ae-8298-07ad9703ee08","collection":"contentId-816782515","type":"file","__fileName":"v91 Upload Error Message2.PNG","height":1149}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Multi-select","type":"text"}]},{"type":"paragraph","content":[{"text":"The user can select more than one file (during a single file browse) to be uploaded by holding down the control/command key and then clicking on each file you want to select. The multi-select feature support has been added in HTML 5 with multiple attributes. Multi-select of files for the frevvo Upload control is supported in newer versions of browsers. For example, multi-selection of files works in Safari, Chrome, and Firefox.","type":"text"}]},{"type":"paragraph","content":[{"text":"The multi-select of files in the browser is dependent upon the max files property of the upload control. Multi-select is disabled by setting the max # files to 1. It is possible to select too many files. For example, turn on multi-select by setting the max # to 2. Multi-select 3 files. This will show an error and none of the 3 will be uploaded.","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"9bcf1cc1-44ef-4167-96e0-0dccc0405f5b","collection":"contentId-816782515","height":"150"}}},{"text":" ","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Max Size","type":"text"}]},{"type":"paragraph","content":[{"text":"Max size is the upper limit for each attachment uploaded to an Upload control in your forms/workflow in bytes. The internal upper limit is controlled by a configuration parameter - frevvo.attachment.maxsize. In the frevvo Cloud, it is set to 25 MB. If you enter a value into the control's max attachment size property greater than frevvo internal upper limit, this property will reset. If left blank, it defaults to ","type":"text"},{"text":"26214400","type":"text","marks":[{"type":"textColor","attrs":{"color":"#172b4d"}}]},{"text":".","type":"text"}]},{"type":"paragraph","content":[{"text":"When a user attempts to upload a file greater than the max size, they will see an error message displayed on the upload control.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":70.0},"content":[{"type":"media","attrs":{"__fileSize":35075,"__fileMimeType":"image/png","width":1484,"id":"c517e834-9103-434a-85fa-9c100850da18","collection":"contentId-1062633834","type":"file","__fileName":"Max Files Size 25 mb update.PNG","height":396}}]},{"type":"paragraph","content":[{"text":"You can also set the max attachment size per user by editing the user's profile as the admin user and editing the Configuration field shown below:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":65.0},"content":[{"type":"media","attrs":{"__fileSize":164143,"__fileMimeType":"image/png","width":2059,"id":"57753948-79f0-418c-a657-867ae1daeedb","collection":"contentId-1062633834","type":"file","__fileName":"v91 User Config Attachment Size.PNG","height":868}}]},{"type":"paragraph","content":[{"text":"The value in the user profile takes precedence over the server configuration parameter but it cannot exceed the internal upper limit configured in the frevvo Cloud - 25 MB. The value in the control Max Size property takes precedence over both the user and server parameters if it is more restrictive. Individual users will still be bound by the max attachment size set in their user profile, even if the upload control setting is higher.","type":"text"}]},{"type":"paragraph","content":[{"text":"On Premise customers can control the frevvo internal upper limit via the ","type":"text"},{"text":"frevvo.attachment.maxsize","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Installation Tasks","anchorName":"MaxSizeforAttachments","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633922#InstallationTasks-MaxSizeforAttachments"}}]},{"text":" parameter in the /tomcat/conf/frevvo-config.properties file.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Changing the file name of an uploaded attachment in the form/workflow submission","type":"text"}]},{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"File Name","type":"text","marks":[{"type":"strong"}]},{"text":" property allows designers to set up an attachment name that applies to all files uploaded with an upload control. Attachments with configured file names will be seen when viewing the ","type":"text"},{"text":"attachment section of a submission","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Submissions Stored Inside of frevvo","anchorName":"SubmissionsDetail","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634003#SubmissionsStoredInsideoffrevvo-SubmissionsDetail"}}]},{"text":".","type":"text"}]},{"type":"paragraph","content":[{"text":"This property only affects the name of the file, not the extension which will be automatically appended. The file name can be a:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Fixed name - The attachment name of the file is entered and is used without change.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Dynamic - The attachment name can be configured to be dynamic. It can be any combination of static text, form control templates, and/or a template representing the name of the upload file as derived from the local file system - {$FILENAME}","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"The default setting of the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"File Name","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":" property is: \"{$FILENAME}\". This special template names the attachment using the file name as derived from the local file system. Leaving the File Name property empty is synonymous with setting it to \"{$FILENAME}\".","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":40.0},"content":[{"type":"media","attrs":{"__fileSize":227742,"__fileMimeType":"image/png","width":1285,"id":"8966797b-a4f4-4efe-b1e4-6b7f5a56ab13","collection":"contentId-816782515","type":"file","__fileName":"v91 Upload Control Filename.PNG","height":1150}}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"File names for uploaded attachments should not exceed 255 characters","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Special characters that are not universally allowed in filenames ( / \\ ? % * : | \" < > ) are removed.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Curly braces {} used in file name property of the upload control are treated as a ","type":"text"},{"text":"control template","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Control Templates","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633882"}}]},{"text":" value. frevvo will try to replace the template with a matching value. If no match is found then the template will not be included in the filename. For example, if the ","type":"text"},{"text":"File Name","type":"text","marks":[{"type":"strong"}]},{"text":" property is set up as Full {Name} but there is not a Name control in the form with a value in it. The resulting filename of the attachment will be Full.docx Since frevvo cannot resolve the template, the {Name} is removed.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"When using a template in the file name, make sure the template field has data in it ","type":"text"},{"text":"before","type":"text","marks":[{"type":"strong"}]},{"text":" uploading the attachment.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Specifying a Repeat or multiple rows in a Table in a template requires the ","type":"text"},{"text":"special syntax","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Templatized Strings","anchorName":"RepeatControls","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633803#TemplatizedStrings-RepeatControls"}}]},{"text":" that includes the pipe (|) - ex:{|Control Name}. Configuring a template using the pipe (|) to specify ","type":"text"},{"text":"repeats will not work for the Upload control ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"File Name","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":" property.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":" The pipe character will be removed and only the 0th index value of the repeating control or table will be used as the filename.","type":"text"}]}]}]}]},{"type":"paragraph","content":[{"text":"Expand the File Name field by clicking/dragging the three diagonal lines in the bottom right corner.","type":"text"}]},{"type":"paragraph","content":[{"text":"The image displays the file names for attachments visible in the form/workflow submission detail when:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"the ","type":"text"},{"text":"File Name","type":"text","marks":[{"type":"strong"}]},{"text":" property uses a control template from the form/workflow (the custInfo field) and the default template {$FILENAME}","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"the ","type":"text"},{"text":"File Name","type":"text","marks":[{"type":"strong"}]},{"text":" property is empty or uses the default template {$FILENAME}","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"the ","type":"text"},{"text":"File Name","type":"text","marks":[{"type":"strong"}]},{"text":" property uses a fixed name (My Filename)","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":50.0},"content":[{"type":"media","attrs":{"__fileSize":159486,"__fileMimeType":"image/png","width":1575,"id":"b4fc3867-a530-44e8-ac2a-bdee49d67076","collection":"contentId-816782515","type":"file","__fileName":"v91 Submissions view uploads.PNG","height":1210}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"File Name Property Behavior in Use Mode","type":"text"}]},{"type":"paragraph","content":[{"text":"When a user uploads an attachment to the Upload control, the file name will be the name of the file from the local file system.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Hovering over the file link in your form/workflow shows a tooltip that displays: \" uploaded as \". The attachment will be stored in the form/workflow submission with the attachment name mentioned in the hover message.","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":50.0},"content":[{"type":"media","attrs":{"__fileSize":44289,"__fileMimeType":"image/png","width":1091,"id":"2714b8d2-96c8-44be-a4c9-eeb8b35b0005","collection":"contentId-816782515","type":"file","__fileName":"v91 Upload Filename Link Hover.PNG","height":307}}]},{"type":"paragraph","content":[{"text":"If the same attachment is uploaded more than once in a form/workflow, \"_#\" is appended to the subsequent attachment file names where \"#\" is a number starting at 1.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"filename.pdf","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"filename_1.pdf","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"filename_2.pdf","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":75.0},"content":[{"type":"media","attrs":{"__fileSize":245687,"__fileMimeType":"image/png","width":2075,"id":"f969aac8-388b-4acd-8001-2a7efb797b4e","collection":"contentId-1062633834","type":"file","__fileName":"v91 Upload Duplicate Filenames.PNG","height":1015}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"View Attachments in Submissions","type":"text"}]},{"type":"paragraph","content":[{"text":"Once the designer has configured the ","type":"text"},{"text":"File Name","type":"text","marks":[{"type":"strong"}]},{"text":" property and submissions have been created, attachments named with the specified criteria are viewed in the ","type":"text"},{"text":"attachment section of a submission","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Submissions Stored Inside of frevvo","anchorName":"SubmissionsDetail","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634003#SubmissionsStoredInsideoffrevvo-SubmissionsDetail"}}]},{"text":". Follow these steps to view them:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click ","type":"text"},{"type":"emoji","attrs":{"id":"47b89126-af4a-4a9e-851a-979ee3089a42","text":":submissions_icon:","shortName":":submissions_icon:"}},{"text":" View Submissions in the form/workflow action menu.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Double click on a submission for the Submission Details.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Submission attachments are listed in the ","type":"text"},{"text":"Attachment","type":"text","marks":[{"type":"strong"}]},{"text":" section of the ","type":"text"},{"text":"Data","type":"text","marks":[{"type":"strong"}]},{"text":" tab.","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":314984,"__fileMimeType":"image/png","width":2069,"id":"48c9e771-f4e1-467a-bdbc-327eac43407d","collection":"contentId-816782515","type":"file","__fileName":"v91 Upload Filename Variations.PNG","height":1129}}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"File Names for Downloaded Attachments","type":"text"}]},{"type":"paragraph","content":[{"text":"The following is true when downloading attachments:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If the filename contains a space it will be replaced with a '+' in the downloaded filename. For example, if the filename is \"My File.pdf\" the downloaded file is named \"My+File.pdf\"","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If the filename contains special characters, the encoded value of the special character is included in the downloaded filename. For example, if the filename is \"My Name@@\" then it changes to \"My+Name%40%40.txt \"","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"When downloading an attachment from the ","type":"text"},{"text":"View Submission Details","type":"text","marks":[{"type":"strong"}]},{"text":" lightbox, the link to edit a submission or from ","type":"text"},{"text":"Test Mode","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Test Forms and Workflows","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633934"}}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The filename of the downloaded attachment will be the original filename if the ","type":"text"},{"text":"File Name","type":"text","marks":[{"type":"strong"}]},{"text":" property is empty or set to {$FILENAME}.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The filename of the downloaded attachment will use the configured filename if the ","type":"text"},{"text":"File Name","type":"text","marks":[{"type":"strong"}]},{"text":" property is set to a fixed name i.e. MyFile.","type":"text"}]}]}]}]}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"The original filename will be used as the download name when downloading attachments from upgraded submissions.","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Enable Camera","type":"text"}]},{"type":"paragraph","content":[{"text":"The\"Enable Camera\" property for the upload control refers to the camera in your mobile device. It is enabled by default. Here is how it works:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Checking this property has no effect in a desktop browser","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If maxFiles=1, you will be able to take a picture with the camera and upload it. You will see a prompt similar to the image below when you tap \"Choose Files\".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If maxFiles=0 or if maxFiles > 1, on mobile iOS, you can enable or disable the camera. If enabled, you can take a picture with the camera and upload it but cannot upload multiple files at a time. If disabled, you can upload multiple files at a time but the user will not be presented with the option to take a picture from the camera for uploading.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"IOS Safari decides access to the camera on the iPhone or iPad. Unchecking the \"Enable Camera\" checkbox does not disable the camera because it is not possible. If you check it, it will disable the multi-select (multiple attribute) of files to upload, even when max # is > 1. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":25.0},"content":[{"type":"media","attrs":{"__fileSize":205040,"__fileMimeType":"image/png","width":1125,"id":"b8d992cc-fa9b-4502-85df-f447acdc6116","collection":"contentId-1062633834","type":"file","__fileName":"v91 iPhone Upload dialogue.png","height":2436}}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"The Enable Camera property does not apply to Android devices. Android always makes the camera available.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Mapping an Upload Control ","type":"text"}]},{"type":"paragraph","content":[{"text":"You can take a picture with your iPad or iPhone and map the photo into a ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"generated pdf","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Generate Pixel Perfect PDFs","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633888"}}]},{"text":". Image types supported are gif, png, jpg/jpeg, and bmp. Tiff is not supported. Non-image file types uploaded are ignored.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":" The designer should be aware of the following when mapping the Upload control:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The Upload control can be only be mapped to text fields in the pdf acroform. ","type":"text"},{"text":" ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Only a single file will be mapped per control. Mapping takes the first found image file in the case of an upload control with multiple files. ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The image will resize to the dimensions of the acrofield.","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"The image shows an upload control in a form where jpg files for a koala bear and a jellyfish have been uploaded. Drag the Upload control from the Mapping Form Outline and drop it on the text field in your acroform. Viewing the pdf via the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Form Viewer","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Generate Pixel Perfect PDFs","anchorName":"FormViewerControl","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633888#GeneratePixelPerfectPDFs-FormViewerControl"}}]},{"text":" control shows the koala bear image in the pdf.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":311069,"__fileMimeType":"image/png","width":2147,"id":"a36a4602-67a0-4b6d-be38-52a5a80401c4","collection":"contentId-1062633834","type":"file","__fileName":"v10 Map upload to PDF.PNG","height":1159}}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Message Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Message controls are most often used to add static text to your form or workflow. Message Controls are often used to add form titles and helpful instructions for users to your form. You can also use it to:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"add ","type":"text"},{"text":"custom client-side JavaScript","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Customizing Behavior","anchorName":"Method2","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633725#CustomizingBehavior-Method2"}}]},{"text":" to your form/workflow.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"add a ","type":"text"},{"text":"spacer","type":"text","marks":[{"type":"link","attrs":{"href":"http://Palette Controls#Messagecontrolsasaspacer"}}]},{"text":" to center other controls including images.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"display an error message","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Valid Forms","anchorName":"InvalidFormNotificationforUsers","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634258#ValidForms-InvalidFormNotificationforUsers"}}]},{"text":" to the user if a form/workflow contains invalid controls and cannot be submitted. ","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"The Message Control has a ","type":"text"},{"text":"Rich Text Editor","type":"text","marks":[{"type":"link","attrs":{"href":"#RichTextEditor"}}]},{"text":" which allows you to enter and format text easily. If your prefer, you can type the message content into the Message property, and add your own HTML for formatting.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":15.0},"content":[{"type":"media","attrs":{"__fileSize":7125,"__fileMimeType":"image/png","width":647,"id":"ddfa5148-5150-4fc9-a50f-00ae8848d14b","collection":"contentId-1062633834","type":"file","__fileName":"v10 Message Control canvas example.PNG","height":261}}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"mediaSingle","attrs":{"layout":"align-start","width":65.0},"content":[{"type":"media","attrs":{"__fileSize":38548,"__fileMimeType":"image/png","width":697,"id":"ca39fd2a-ccb3-4574-9714-92ab9163e48f","collection":"contentId-1062633834","type":"file","__fileName":"image-20220728-154643.png","height":612}},{"type":"caption","content":[{"text":"RTE toggled “on”","type":"text"}]}]},{"type":"paragraph"},{"type":"paragraph"}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"mediaSingle","attrs":{"layout":"align-start","width":57.0},"content":[{"type":"media","attrs":{"__fileSize":174755,"__fileMimeType":"image/png","width":708,"id":"8c98b1d0-1745-4f6b-9988-0ebe0bdeee9a","collection":"contentId-1062633834","type":"file","__fileName":"image-20220728-154745.png","height":873}},{"type":"caption","content":[{"text":"RTE toggled “off” (use HTML)","type":"text"}]}]},{"type":"paragraph"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Rich Text Editor","type":"text"}]},{"type":"paragraph","content":[{"text":"The message control supports rich text input in design mode via the Rich Text Editor (RTE). The editor simplifies the creation of your message content eliminating the need for the designer to provide HTML code. The RTE menu provides a simple way to format message content such as font, colors, bullet and numbered lists, and more. You can even include a Google Map or an image if desired.","type":"text"}]},{"type":"paragraph","content":[{"text":"For example, you can easily create an Instruction section for users that has a bullet list, bold text, and an image in a Message control using the text styling and image features available in the Rich Text Editor.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":57.0},"content":[{"type":"media","attrs":{"__fileSize":431368,"__fileMimeType":"image/png","width":1728,"id":"9cf4697d-572d-4181-bc2d-6c0be99ceb5c","collection":"contentId-816782515","type":"file","__fileName":"v91 Message Control RTE example.PNG","height":731}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Using the Rich Text Editor","type":"text"}]},{"type":"paragraph","content":[{"text":"Follow these steps to use the Rich Text Editor.","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drag a Message control from the palette and drop it into your form/workflow. Click on it, and look at the property panel to the left.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click the Rich Text toggle switch to turn the Rich Text Editor on. frevvo will remember the RTE mode you set for each control the next time you edit the form/workflow.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"When you toggle it on, ","type":"text"},{"text":"the message property will be replaced with a link to \"Edit with rich text editor.\"","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":" Click the link to open the RTE Editor window. You can also click the red pencil icon ","type":"text"},{"type":"emoji","attrs":{"id":"d72e43de-cefc-49b4-b56d-d6206c2f064a","text":":red_pencil_icon:","shortName":":red_pencil_icon:"}},{"text":" on the control to open the RTE Editor window.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The editor consists of an editing area for ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Entering Text","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"href":"#EnteringText"}}]},{"text":" and an icon in the top left that shows/hides the editor toolbar and menus.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"type":"hardBreak"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":80.0},"content":[{"type":"media","attrs":{"__fileSize":2705365,"__fileMimeType":"image/gif","width":3828,"id":"9816d3cd-7c01-4c89-892a-21ebf1e86002","collection":"contentId-1062633834","type":"file","__fileName":"v10 Rich Text Editor.gif","height":1738}}]},{"type":"paragraph","content":[{"text":"Rich Text Editor Toolbar","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"The Rich Text Editor has a variety of menus/buttons for enhancing the entered text. Hover the cursor over each button for a helpful tooltip about its function. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Entering Text","type":"text"}]},{"type":"paragraph","content":[{"text":"There are two ways to apply text styling features;","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select the feature from the toolbar first, then type your text. For example, to write in bold, click the ","type":"text"},{"type":"emoji","attrs":{"id":"5d7809f0-4ea9-4f4b-8e52-9e3f93af160e","text":":bold_icon:","shortName":":bold_icon:"}},{"text":" button on the toolbar then type your text. ","type":"text"},{"text":"Bolded","type":"text","marks":[{"type":"strong"}]},{"text":" characters display as you type.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Highlight a portion or all of the text in the Editing area with your mouse, then select the desired feature from the toolbar.","type":"text"}]}]}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"You can include (copy/paste) special characters that get encoded as special entity references in the text of the Message control. Examples of these special characters are left and right quotes etc... ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"frevvoproduct","parameters":{"macroParams":{"_parentId":{"value":"1062633834"}},"macroMetadata":{"macroId":{"value":"7d321311-138f-4e2e-9354-e25265fe85bd"},"schemaVersion":{"value":"1"},"title":"frevvoproduct"}},"localId":"fd875bac-1941-473b-aa02-7923def585b5"}},{"text":" forces special non-ascii entities to be encoded numerically. Check this ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"website","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"href":"http://www.htmlhelp.com/reference/html40/entities/special.html."}}]},{"text":" for the list of known entity references. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":" ","type":"text","marks":[{"type":"link","attrs":{"href":"http://www.htmlhelp.com/reference/html40/entities/special.html"}}]}]}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Exiting the Rich Text Editor","type":"text"}]},{"type":"paragraph","content":[{"text":"To exit the Rich Text editor window, click the X in the top right corner. When you click away from the Message control you can get an idea of how it will look to your users. ","type":"text"}]},{"type":"paragraph","content":[{"text":"If you want to return to editing the message content in the properties panel with HTML, turn Rich Text off by sliding the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"30","id":"cc41e030-d735-4d65-a286-631916e63792","collection":"contentId-1062633834","height":""}}},{"text":"toggle switch to the off position. Notice that any rich text formatting you did in the RTE is now represented by HTML code in the message property.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Save Value Property","type":"text"}]},{"type":"paragraph","content":[{"text":"Check the ","type":"text"},{"text":"Save Value ","type":"text","marks":[{"type":"strong"}]},{"text":"property to include the value of the Message control in the form/workflow submission document and the translation file used for ","type":"text"},{"text":"multi-language support","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"spaceKey":"frevvo90","isRenamedTitle":true,"linkType":"page","contentTitle":"Multi Language Support","versionAtSave":"11"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo90/pages/1063683609"}}]},{"text":". This property is unchecked (default) when you add new Message controls to your form/workflow. Refer to the ","type":"text"},{"text":"Save Value property","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"SaveValue","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-SaveValue"}}]},{"text":" ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"topic for more information and to see how this property can help with Message controls in ","type":"text"},{"text":"optional sections","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Valid Forms","anchorName":"OptionalSections","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634258#ValidForms-OptionalSections"}}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Using Templates in a Message Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Controls in your forms/workflows that are dynamically populated can be included in the message text by using ","type":"text"},{"text":"templates","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Templatized Strings","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633803"}}]},{"text":". The templates in the Message control are replaced with the values in these controls at runtime. For example, let's say you have a Product Order form with controls for the customer to select the product, color, size and select the option to include a gift card. When the order is complete, you want to display a message to the customer recapping the order. The image shows the control templates in the message text in the designer and the form at runtime. A ","type":"text"},{"text":"business rule","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Business Rules","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634057"}}]},{"text":" hides the Message control until the order is complete.","type":"text"}]},{"type":"paragraph","content":[{"text":"Message control with templates at design-time:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":50.0},"content":[{"type":"media","attrs":{"__fileSize":30220,"__fileMimeType":"image/png","width":1719,"id":"0d8b5141-15c5-4095-abcb-45ed5b146fe9","collection":"contentId-1062633834","type":"file","__fileName":"v91 Message with Templates designtime.PNG","height":418}}]},{"type":"paragraph","content":[{"text":"Message control with templates at run-time:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":60.0},"content":[{"type":"media","attrs":{"__fileSize":87075,"__fileMimeType":"image/png","width":1761,"id":"9cec8ed3-e0af-4438-a076-683be6395c97","collection":"contentId-1062633834","type":"file","__fileName":"v91 Message Control with Templates runtime.PNG","height":1078}}]},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"paragraph","content":[{"text":"Use caution when adding templates and applying formatting to them in the Rich Text Editor. ","type":"text"},{"text":"The RTE changes underlying markup","type":"text","marks":[{"type":"textColor","attrs":{"color":"#1d1c1d"}}]},{"text":". This could result in an HTML tag such as the tag in the HTML that could disrupt the template. frevvo may not recognize it as a template and the templates will not resolve to the entered values.","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Using Custom Fonts in the Message Control","type":"text"}]},{"type":"paragraph","content":[{"text":"If your organization has special font requirements, custom fonts can be used to style Message Control text. Typically custom fonts can be added dynamically with JavaScript. The exact JavaScript will vary based on the font.","type":"text"}]},{"type":"paragraph","content":[{"text":"There are two methods for enabling custom fonts.","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"HTML markup","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-HTMLMarkup"}}]},{"text":", or","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"On Premise customers can ","type":"text"},{"text":"add custom fonts to the font dropdown in the Rich Text Editor","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-AddingCustomFontstotheRichTextEditor"}}]},{"text":". This is optional.","type":"text"}]}]}]},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"paragraph","content":[{"text":"Both methods described below require custom JavaScript to dynamically load custom fonts to frevvo. The JavaScript varies based on the font. Contact the font vendor to obtain the exact JavaScript for your custom font(s). Use the ","type":"text"},{"text":"Custom JavaScript feature","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Customizing Behavior","anchorName":"AddingJavaScripttoyourForm","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633725#CustomizingBehavior-AddingJavaScripttoyourForm"}}]},{"text":" to upload the JavaScript to each project or to your tenant. frevvo recommends uploading the JavaScript to the tenant so that it will be available to all designers and all projects.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If you choose to include custom fonts in the HTML markup added to the Message Control property, contact the vendor to obtain the exact HTML needed.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If you choose to add custom font(s) to the Message Control Rich Text Editor, contact the font vendor for the correct value to use for the font name in the ","type":"text"},{"text":"frevvo.message.rte.extra.fonts","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"#PaletteControls-AddingCustomFontstotheRichTextEditor"}}]},{"text":" ","type":"text","marks":[{"type":"strong"}]},{"text":"configuration property.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"HTML Markup","type":"text"}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Follow these steps to use HTML markup:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Upload custom JavaScript to dynamically load custom fonts","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Customizing Behavior","anchorName":"AddingJavaScripttoyourForm","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633725#CustomizingBehavior-AddingJavaScripttoyourForm"}}]},{"text":" to each project or to your tenant. ","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"__confluenceADFMigrationUnsupportedContentInternalExtension__","text":"","parameters":{"cxhtml":"Click here for an example of a tenant custom JavaScript to load the Google Roboto condensed and the trial Century Schoolbook Roman fonts.

Header looks great\n \n (function() {\n var trial = document.createElement('script');\n trial.type = 'text/javascript';\n trial.async = true;\n trial.src = 'https://easy.myfonts.net/v2/js?sid=42(font-family=Century+Schoolbook+Roman)&sid=44(font-family=Century+Schoolbook+Bold)&\n key=CwN4ZsXpUs';\n var head = document.getElementsByTagName(\"head\")[0];\n head.appendChild(trial);\n })();\n this.fontsLoaded = true;\n }\n },\n addStyleSheetToDoc: function (href) {\n \n // don't load it again if it's already there\n var ss = document.styleSheets;\n for (var i = 0, max = ss.length; i < max; i++) {\n if (ss[i].href == href)\n return;\n }\n \n if (document.createStyleSheet) {\n document.createStyleSheet(href);\n } else {\n var l = document.createElement(\"link\");\n l.rel = \"stylesheet\";\n l.href = href;\n document.getElementsByTagName(\"head\")[0].appendChild(l);\n }\n }\n}]]>

","block-inline":true,"nestedContent":{"type":"doc","content":[{"type":"expand","attrs":{"title":"Click here for an example of a tenant custom JavaScript to load the Google Roboto condensed and the trial Century Schoolbook Roman fonts."},"content":[{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"codeBlock","content":[{"text":"// frevvo custom JavaScript\n \nvar TenantCustomEventHandlers = {\n fontsLoaded: false,\n setup: function (el) {\n if (!this.fontsLoaded) {\n \n // Load Roboto Condensed font\n this.addStyleSheetToDoc(\"https://fonts.googleapis.com/css?family=Roboto+Condensed:700\"); \n \n // Load trial Century Schoolbook. The following js was generated by myfonts using the\n // free trial option. With this you can put markup in message controls like the following:\n //
Header looks great
\n \n (function() {\n var trial = document.createElement('script');\n trial.type = 'text/javascript';\n trial.async = true;\n trial.src = 'https://easy.myfonts.net/v2/js?sid=42(font-family=Century+Schoolbook+Roman)&sid=44(font-family=Century+Schoolbook+Bold)&\n key=CwN4ZsXpUs';\n var head = document.getElementsByTagName(\"head\")[0];\n head.appendChild(trial);\n })();\n this.fontsLoaded = true;\n }\n },\n addStyleSheetToDoc: function (href) {\n \n // don't load it again if it's already there\n var ss = document.styleSheets;\n for (var i = 0, max = ss.length; i < max; i++) {\n if (ss[i].href == href)\n return;\n }\n \n if (document.createStyleSheet) {\n document.createStyleSheet(href);\n } else {\n var l = document.createElement(\"link\");\n l.rel = \"stylesheet\";\n l.href = href;\n document.getElementsByTagName(\"head\")[0].appendChild(l);\n }\n }\n}","type":"text"}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]}],"version":1},"reason":"An expand macro in list item can't be created or edited in the new editor."}}}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drag and drop a Message Control into your form/workflow.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add the markup and text to the Message property.","type":"text"}]},{"type":"codeBlock","content":[{"text":"
h1 style - Century Schoolbook Roman
\n
h2 style - Roboto
","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Save and test your form/workflow","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"align-start"},"content":[{"type":"media","attrs":{"__fileSize":14975,"__fileMimeType":"image/png","width":636,"id":"86bb87fc-72ce-4193-bd78-cbceccfaa4ef","collection":"contentId-1062633834","type":"file","__fileName":"NonRTEcusotmfontsinMessagecontrol.PNG","height":101}}]}]}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Adding Custom Fonts to the Rich Text Editor","type":"text"}]},{"type":"paragraph","content":[{"text":"If you want custom fonts to be available in the Message Control's Rich Text Editor, on premise customers can add the ","type":"text"},{"text":"frevvo.message.rte.extra.fonts","type":"text","marks":[{"type":"strong"}]},{"text":" property to the \\tomcat\\conf frevvo-config.properties file.","type":"text"}]},{"type":"paragraph","content":[{"text":"Follow these steps.","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Upload custom JavaScript to dynamically load custom fonts","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Customizing Behavior","anchorName":"AddingJavaScripttoyourForm","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633725#CustomizingBehavior-AddingJavaScripttoyourForm"}}]},{"text":" to each project or on the tenant level. ","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"__confluenceADFMigrationUnsupportedContentInternalExtension__","text":"","parameters":{"cxhtml":"Click here for an example of a tenant custom JavaScript to load the Google Roboto condensed and the trial Century Schoolbook Roman fonts.

Header looks great\n \n (function() {\n var trial = document.createElement('script');\n trial.type = 'text/javascript';\n trial.async = true;\n trial.src = 'https://easy.myfonts.net/v2/js?sid=42(font-family=Century+Schoolbook+Roman)&sid=44(font-family=Century+Schoolbook+Bold)&\n key=CwN4ZsXpUs';\n var head = document.getElementsByTagName(\"head\")[0];\n head.appendChild(trial);\n })();\n this.fontsLoaded = true;\n }\n },\n addStyleSheetToDoc: function (href) {\n \n // don't load it again if it's already there\n var ss = document.styleSheets;\n for (var i = 0, max = ss.length; i < max; i++) {\n if (ss[i].href == href)\n return;\n }\n \n if (document.createStyleSheet) {\n document.createStyleSheet(href);\n } else {\n var l = document.createElement(\"link\");\n l.rel = \"stylesheet\";\n l.href = href;\n document.getElementsByTagName(\"head\")[0].appendChild(l);\n }\n }\n}]]>

","block-inline":true,"nestedContent":{"type":"doc","content":[{"type":"expand","attrs":{"title":"Click here for an example of a tenant custom JavaScript to load the Google Roboto condensed and the trial Century Schoolbook Roman fonts."},"content":[{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"codeBlock","content":[{"text":"// frevvo custom JavaScript\n \nvar TenantCustomEventHandlers = {\n fontsLoaded: false,\n setup: function (el) {\n if (!this.fontsLoaded) {\n \n // Load Roboto Condensed font\n this.addStyleSheetToDoc(\"https://fonts.googleapis.com/css?family=Roboto+Condensed:700\"); \n \n // Load trial Century Schoolbook. The following js was generated by myfonts using the\n // free trial option. With this you can put markup in message controls like the following:\n //
Header looks great
\n \n (function() {\n var trial = document.createElement('script');\n trial.type = 'text/javascript';\n trial.async = true;\n trial.src = 'https://easy.myfonts.net/v2/js?sid=42(font-family=Century+Schoolbook+Roman)&sid=44(font-family=Century+Schoolbook+Bold)&\n key=CwN4ZsXpUs';\n var head = document.getElementsByTagName(\"head\")[0];\n head.appendChild(trial);\n })();\n this.fontsLoaded = true;\n }\n },\n addStyleSheetToDoc: function (href) {\n \n // don't load it again if it's already there\n var ss = document.styleSheets;\n for (var i = 0, max = ss.length; i < max; i++) {\n if (ss[i].href == href)\n return;\n }\n \n if (document.createStyleSheet) {\n document.createStyleSheet(href);\n } else {\n var l = document.createElement(\"link\");\n l.rel = \"stylesheet\";\n l.href = href;\n document.getElementsByTagName(\"head\")[0].appendChild(l);\n }\n }\n}","type":"text"}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]}],"version":1},"reason":"An expand macro in list item can't be created or edited in the new editor."}}}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Stop frevvo.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Navigate to \\tomcat\\conf.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Edit the frevvo-config.properties file","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add the ","type":"text"},{"text":"frevvo.message.rte.extra.fonts","type":"text","marks":[{"type":"strong"}]},{"text":" property with a value listing the extra fonts in this format:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Each font in the list is delimited by a semi-colon. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#172b4d"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The font itself must be identified by its name in single quotes. Prefix the font name with an optional display name, if desired. Separate the display name from the font name by a forward slash. The display name is used in the font dropdown of the Rich Text Editor. If the display name is not provided, the actual font name will be used. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#172b4d"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The font names and font type (sans-serif) on the right side of the equal sign in the example above came from the vendor. Contact the font vendor for the correct information for the custom font(s) that you are using.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#172b4d"}}]}]},{"type":"paragraph","content":[{"text":"Example of the Configuration property for Custom Fonts","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","content":[{"text":"frevvo.message.rte.extra.fonts=Century Schoolbook Roman/'Century Schoolbook Roman';Roboto/'Roboto', sans-serif","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Save the file.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Restart frevvo.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Log in as a designer user.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Create/Edit a Project","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Create/Edit a Form","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drag and Drop a Message control into your form.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Enable the Rich Text Editor of the Message control by sliding the Rich Text toggle to the right.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click to show the Rich Text Editor menu","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on the Font dropdown in the toolbar.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Custom fonts are appended to the standard supported fonts.","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":85.0},"content":[{"type":"media","attrs":{"__fileSize":379523,"__fileMimeType":"image/png","width":2297,"id":"f4658069-101e-4aba-8d5c-074cfdfd0c36","collection":"contentId-1062633834","type":"file","__fileName":"v10 Add Custom Font to RTE.PNG","height":1174}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Message Control and Business Rules","type":"text"}]},{"type":"paragraph","content":[{"text":"The Message control supports the ","type":"text"},{"text":"value","type":"text","marks":[{"type":"strong"}]},{"text":" property. The Save Value property must be checked for there to be a value and have it accessible in a ","type":"text"},{"text":"business rule","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Business Rules","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634057"}}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Message Control Style and Settings Tabs","type":"text"}]},{"type":"paragraph","content":[{"text":"To display different background colors, decorators, or a border, choose a message type from the ","type":"text"},{"text":"Message Type","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863"}}]},{"text":" dropdown on the Setting tab of the property panel. You can still select style properties on the ","type":"text"},{"text":"Style Tab","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890"}}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Message Control in a Table","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"When you drop a Message Control in a Table and turn the Rich Text Editor on, the red pencil icon will not be visible on the control. Click the \"Edit with rich text\" link in the properties panel to open the RTE Editor window.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Message Control in a Repeat","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]},{"type":"paragraph","content":[{"text":"You can drag and drop a Message control from the palette into a repeat or into a section that then gets dropped into a repeat. You can write ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"Rules","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"MessageControl","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-MessageControl"}}]},{"text":" affecting the Message controls in repeats. Message controls in Repeats can contain ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"templates","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Templatized Strings","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633803"}}]},{"text":". Repeat controls containing Message controls can be converted to Tables. Refer to the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"Control Type","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"ConvertRepeattoTableorTabletoRepeat","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-ConvertRepeattoTableorTabletoRepeat"}}]},{"text":" property for the details. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Horizontal Layout using the Message Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Let's say you wanted to modify a section of your form to reflect a horizontal layout. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"One approach would be to use the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"Horizontal Layout using the Table Control","type":"text","marks":[{"type":"link","attrs":{"href":"#HorizontalLayoutusingtheTableControl"}}]},{"text":". Another alternative is to use three ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"Message controls and three Radio controls. Follow these steps: ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drag and drop a Panel onto the designer canvas. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drop Message controls into the panel for the user instruction and the labels Fellowship announcements, Conferences and workshops and Other major news and events. Select None in the Message Control Type field. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on the Style tab. Set the width of the Message Controls to half the size of the panel.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Place 3 Radio controls with Yes/No options to the right of the Message Controls for the 3 choices. Check the Hide Label property for each.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click the Style tab and enter 50% in the Item Width property","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You may have to insert a single line break HTML tag in the Message property to align the Message Control text with the Yes/No options of the Radio Control.","type":"text"}]}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"Here is what the form looks like in the Forms Designer:","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"type":"hardBreak"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"3f169ab1-d305-482f-aea9-1386a3f3e478","collection":"contentId-1062633834","height":"250"}}},{"text":" ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":" ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"Here is how the form looks in use mode:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":50.0},"content":[{"type":"media","attrs":{"__fileSize":33610,"__fileMimeType":"image/png","width":1730,"id":"7ef89475-fb84-469f-b391-9a05dbcaa853","collection":"contentId-1062633834","type":"file","__fileName":"v91 Message for Horizontal Layout Use Mode.PNG","height":542}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Center, Right-align or Justify Message Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Text in Message Controls is left-aligned by default. The Message Control Style tab has a \"Center\" property which is the simplest way to center text in a Message Control, whether or not you are using the Rich Text Editor. At this time the RTE does not provide a way to change the text alignment in your Message Control. However, standard ","type":"text"},{"text":"html tags","type":"text","marks":[{"type":"link","attrs":{"href":"https://www.w3schools.com/tags/default.asp"}}]},{"text":" allow this function. Here are some examples.","type":"text"}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Right Align","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","content":[{"text":"
This text is RIGHT ALIGNED.
","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":6038,"__fileMimeType":"image/png","width":1887,"id":"865b5ada-028e-44ad-8d13-ed154a539bb5","collection":"contentId-1062633834","type":"file","__fileName":"Message Right Align.PNG","height":108}}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Justify","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","content":[{"text":"
This text is JUSTIFIED....
","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":54842,"__fileMimeType":"image/png","width":1887,"id":"eba972fd-6be0-4415-af10-e02ab3184370","collection":"contentId-1062633834","type":"file","__fileName":"Message Justify.PNG","height":320}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Message controls as a spacer","type":"text"}]},{"type":"paragraph","content":[{"text":"Message controls are commonly used as a spacer to center other controls in forms/workflows. Simply delete the default Message text and change the Message Type to \"None\" to use a blank message as an invisible spacer for aligning other controls in your form. Refer to ","type":"text"},{"text":"Centering Images using the Message Control","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"spaceKey":"frevvo80","isRenamedTitle":true,"linkType":"page","contentTitle":"Palette Controls","anchorName":"CenteringImagesusingtheMessageControl","versionAtSave":"5"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo80/pages/975569524#PaletteControls-CenteringImagesusingtheMessageControl"}}]},{"text":" for an example.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Embed an Image, PDF, or Video in a Message Control","type":"text"}]},{"type":"paragraph","content":[{"text":"You can use the Rich Text Editor to add images to your message. You can also use standard HTML to embed a PDF or a video that is hosted on another website into a message control. In some cases, you can simply type the html into the message control. Here are a couple of examples:","type":"text"}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Embed a video in message control","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","content":[{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"Note that the URL following ","type":"text"},{"text":"src= ","type":"text","marks":[{"type":"strong"}]},{"text":"is the link to your video. ","type":"text"}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Embed a PDF in a message control","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","content":[{"text":"","type":"text"}]},{"type":"paragraph","content":[{"text":"These methods display the image/video/pdf in Design Mode. You can use ","type":"text"},{"text":"Business Rules","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"heading-DisplayaPDFinaMessageControl","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-heading-DisplayaPDFinaMessageControl"}}]},{"text":" to only display them during use mode or to embed PDFs from the frevvo PDF Mapping feature. See also","type":"text"},{"text":" this example","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"DisplayUploadedImage","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-DisplayUploadedImage"}}]},{"text":" for displaying an image that the user uploaded at run time. ","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Link Control (for URLs)","type":"text"}]},{"type":"paragraph","content":[{"text":"Use the Link Control when you want to include a URL in your form. When users click the link, the button text is underlined and the target URL will open in a separate browser window. The Link control has a default button color and is automatically decorated. You cannot remove the decorator or change the button color. Unlike most controls, the default width of the control, when dragged from the palette and dropped into your form is 3 columns. Click ","type":"text"},{"text":"here","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"HRef","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-HRef"}}]},{"text":" for more information. ","type":"text"},{"text":"The ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"New Line","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"NewLine","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-NewLine"}}]},{"text":" property is checked by default. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"Templates are allowed in the Link controls ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"href/url","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":" property. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Save Value Property","type":"text"}]},{"type":"paragraph","content":[{"text":"Check the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Save Value ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":"property to include the value of the Link control in the form/workflow submission document. This property is unchecked (default) when you add new Link controls to your form/workflow. Refer to the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Save value property","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"SaveValue","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-SaveValue"}}]},{"text":" topic for more information and to see how this property can help with Link controls in ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Optional Sections","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Valid Forms","anchorName":"OptionalSections","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634258#ValidForms-OptionalSections"}}]},{"text":".","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Link Control and Business Rules","type":"text"}]},{"type":"paragraph","content":[{"text":"The Link control supports the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"value","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":" property. The Save Value property must be checked for there to be a value and have it accessible in a ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"business rule","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Business Rules","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634057"}}]},{"text":".","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Image Control","type":"text"}]},{"type":"paragraph","content":[{"text":"This control lets you include an image (picture, logo, etc.) in your form. The control allows you to use .JPG, .GIF, and .PNG files, or any other image type that your browser supports. ","type":"text"}]},{"type":"paragraph","content":[{"text":"When you drag in the control, you’ll see a Browse button and an Upload Image button. Click Browse, navigate to the image you want and click Upload Image. After you upload the image, the Browse and Upload Image buttons disappear, so if you aren’t satisfied with the image, delete the image control and drag in a new one. ","type":"text"}]},{"type":"paragraph","content":[{"text":"Choose images that fit sensibly in your form before you upload it. The “regular” form size is 600px. You can resize an uploaded image by selecting the image control in the designer, clicking on the style tab in the properties panel, and setting the ","type":"text"},{"text":"width","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Save Value Property","type":"text"}]},{"type":"paragraph","content":[{"text":"Check the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Save Value ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":"property to include the value of the Image control in the form/workflow submission document. This property is unchecked (default) when you add new Image controls to your form/workflow. Check the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Save Value","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":" property if you are using the Image control in a template i.e.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Print Headers/Footers in the form/workflow PDF","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Form and Workflow Style Properties","anchorName":"PrintHeaders/Footers","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633805#FormandWorkflowStyleProperties-PrintHeaders/Footers"}}]},{"text":".","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"Refer to the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Save value property","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"SaveValue","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-SaveValue"}}]},{"text":" topic for more information and to see how this property can help with Image controls in ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Optional Sections","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Valid Forms","anchorName":"OptionalSections","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634258#ValidForms-OptionalSections"}}]},{"text":".","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Image File Size","type":"text"}]},{"type":"paragraph","content":[{"text":"The maximum size of the image that can be uploaded is configured with the frevvo.asset.maxsize context parameter. The default value is 2097152 bytes. If the size of the image exceeds the specified value, the following message displays:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start"},"content":[{"type":"media","attrs":{"__fileSize":6123,"__fileMimeType":"image/png","width":436,"id":"5f2a172f-5812-4bbd-a64e-949de82c082f","collection":"contentId-1062633834","type":"file","__fileName":"Exceededimagesizefordesigner.PNG","height":174}}]},{"type":"paragraph","content":[{"text":"The message informs the designer what the configured limits are so they can take corrective action.","type":"text"},{"text":" ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Centering Images using the Message Control","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]},{"type":"paragraph","content":[{"text":"You can add a Message control on the left side of an image uploaded to your form to center the image. Message controls can be set to an empty string. Delete the default text in the message control. Change its ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"Message Type","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"MessageType","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-MessageType"}}]},{"text":" to None. This will add a blank area on the left of that image and move it into the center. Click the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]},{"text":"Style","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" tab if you need to modify the width of the message control.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#222222"}}]}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":175432,"__fileMimeType":"image/png","width":2302,"id":"ce871ccd-b8f0-4ab9-b2bd-c5dcc1b40c9a","collection":"contentId-1062633834","type":"file","__fileName":"v10 Message as Spacer.PNG","height":949}}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Trigger Control","type":"text"}]},{"type":"paragraph","content":[{"text":"The trigger control adds a button to your form and is used in conjunction with rules. If your form does not have rules you will not need the trigger control. If your form does have rules, see ","type":"text"},{"text":"Triggers & Dynamic Options","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"TriggersDynamicOptions","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-TriggersDynamicOptions"}}]},{"text":" for details on how to use trigger controls and examples of when you might want to use them.","type":"text"}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"Triggers do not work in repeating items.","type":"text"}]}]},{"type":"paragraph","content":[{"text":"You can change the color of the Trigger button on the ","type":"text"},{"text":"Setting","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"ButtonColor","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-ButtonColor"}}]},{"text":" tab of the properties panel. When you drag a trigger control from the palette and drop it into your form the default width is 3 columns. You can change this on the ","type":"text"},{"text":"Style Properties","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" tab. ","type":"text"},{"text":"You cannot center the text on a Trigger or remove the decorator.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"The ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"New Line","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"NewLine","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-NewLine"}}]},{"text":" property is checked by default. Refer to this ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"documentation","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Planning for v10.3","anchorName":"MessageandTriggerControlDefaultType","versionAtSave":"12"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634223#Planningforv10.3-MessageandTriggerControlDefaultType"}}]},{"text":" for migration information. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Submit Control","type":"text"}]},{"type":"paragraph","content":[{"text":"The submit control adds a new button to your form that, when clicked, will submit the form. By default, new forms already contain a single submit button labeled \"Submit.\" Submit buttons can only be added to the bottom of the form in a special drag/drop area.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":62822,"__fileMimeType":"image/png","width":2059,"id":"2ee2b097-a38b-4e3d-a2ea-243a3d9b2398","collection":"contentId-1062633834","type":"file","__fileName":"v10 Extra Submit Button.PNG","height":753}}]},{"type":"paragraph","content":[{"text":"The background color of the Submit control is controlled by the ","type":"text"},{"text":"form style","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Layouts and Styles","anchorName":"CreatingStyles","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633894#LayoutsandStyles-CreatingStyles"}}]},{"text":". Submit and Cancel buttons are automatically decorated. The Submit button has a darker gradient background color to highlight it compared to the Cancel button.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Group Controls","type":"text"}]},{"type":"paragraph","content":[{"text":"Group controls help you organize your forms and give them a professional appearance free of visual clutter. Each group control is described below.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Sections","type":"text"}]},{"type":"panel","attrs":{"panelType":"success"},"content":[{"type":"paragraph","content":[{"text":"Check out ","type":"text"},{"text":"this video on Sections","type":"text","marks":[{"type":"link","attrs":{"href":"https://www.youtube.com/watch?v=TGyRbMpLeTQ&t=27s"}}]},{"text":" for a quick overview.","type":"text"}]}]},{"type":"paragraph","content":[{"text":"Use sections to create groups of controls that users can expand and collapse. Sections are always 12 columns wide when you drag/drop it from the palette and each is itself divided into 12 columns. Click ","type":"text"},{"text":"here","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" for more information.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":82.0},"content":[{"type":"media","attrs":{"__fileSize":18049,"__fileMimeType":"image/png","width":1721,"id":"0a2dbde3-3ad5-4e34-8a1e-f7774519b1cb","collection":"contentId-1062633834","type":"file","__fileName":"v91 Section Control example.PNG","height":247}}]},{"type":"paragraph","content":[{"text":"Click the","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"aab5a8c6-6d08-423c-aefa-aac4e1cdc1bc","collection":"contentId-816783344","height":""}}},{"text":"arrow to expand or collapse a section in design mode. When users access your form the section can be expanded or collapsed—it’s up to you. If you want the section collapsed initially, make sure it is collapsed when you save (finish) your form. Click anywhere in the Section header to expand/collapse the section in Use mode.","type":"text"}]},{"type":"paragraph","content":[{"text":"You can ","type":"text"},{"text":"show/hide","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Expand/Collapse","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Expand/Collapse"}}]},{"text":" the section expand/collapse icon via a checkbox on the control style tab.","type":"text"}]},{"type":"paragraph","content":[{"text":"After you drag a section control into your form, you can drag any other controls inside it — or even another section control. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":82.0},"content":[{"type":"media","attrs":{"__fileSize":23805,"__fileMimeType":"image/png","width":1721,"id":"28648b3c-21d2-4a12-a019-e734d1ae911b","collection":"contentId-1062633834","type":"file","__fileName":"v91 Section Control example2.PNG","height":409}}]},{"type":"paragraph","content":[{"text":"If you have a required control inside a collapsed section, the section label turns red to cue users that they must expand the section and supply the required information before they submit the form. If you delete a section control while designing your form, frevvo will automatically delete all controls you dragged inside the section. See ","type":"text"},{"text":"Optional Sections","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Valid Forms","anchorName":"OptionalSections","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634258#ValidForms-OptionalSections"}}]},{"text":" for details on using the required property with sections and how that affects the validation.","type":"text"}]},{"type":"paragraph","content":[{"text":"Sections may be configured as Signed Sections, allowing authenticated users (or email users on steps assigned to an email) to digitally sign and lock the section, protecting the data from tampering. Please see this documentation on ","type":"text"},{"text":"Electronic Signatures","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Electronic Signatures","anchorName":"Signed","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633790#ElectronicSignatures-Signed"}}]},{"text":" for more details.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Tabs","type":"text"}]},{"type":"paragraph","content":[{"text":"This group control lets you create a tabbed view as in the example below.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":65.0},"content":[{"type":"media","attrs":{"__fileSize":34263,"__fileMimeType":"image/png","width":1747,"id":"00649c88-0ab5-4abc-8dbe-1f25e63de4c5","collection":"contentId-1062633834","type":"file","__fileName":"v91 Tab Control example.PNG","height":588}}]},{"type":"paragraph","content":[{"text":"Tabs are always 12 columns ","type":"text"},{"text":"wide","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" when you drag/drop it from the palette and each is itself divided into 12 columns. When you drag the tab control into your form you’ll start with three individual tabs. To add or remove a tab, click any tab and then click the ","type":"text"},{"type":"emoji","attrs":{"id":"cc852c13-011c-42cb-a2a0-f953c73d6a4c","text":":green_add_icon:","shortName":":green_add_icon:"}},{"text":" or ","type":"text"},{"type":"emoji","attrs":{"id":"46999ebb-3b91-450d-8cb6-fe0ee2073b43","text":":red_minus_icon:","shortName":":red_minus_icon:"}},{"text":" icon. Added tabs appear to the right of the tab from which you clicked the add ","type":"text"},{"type":"emoji","attrs":{"id":"cc852c13-011c-42cb-a2a0-f953c73d6a4c","text":":green_add_icon:","shortName":":green_add_icon:"}},{"text":" icon.","type":"text"}]},{"type":"paragraph","content":[{"text":"To rearrange the tab order, drag one tab on top of another tab; look for the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"16","id":"34bda5db-214f-4169-8e9e-aab386b605d1","collection":"contentId-816783344","height":""}}},{"text":" green right arrow then release the mouse when the green arrow is in the destination position. The tab you dragged will move to the right of the tab upon which it was dropped. (Since you can’t move tabs left, if you wanted the Shipping Details tab before the Customer Info tab in the example above, you’d drag the Shipping Details tab and drop it on the Product Info tab.)","type":"text"}]},{"type":"paragraph","content":[{"text":"You can drag in other controls (including other group controls) into any individual tabs. As you’d expect, users will see only those controls in the currently selected tab—in the example above we dragged the First Name, Last Name, Phone, and Email controls into the Customer Info tab, so these will not be visible when users select the Product Info or Shipping Details tabs. When users click the Shipping tab, they see different controls as shown below.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":34235,"__fileMimeType":"image/png","width":1747,"id":"1e8263fb-ba49-44a3-8353-fb34b6fc4d00","collection":"contentId-901493663","type":"file","__fileName":"v91 Tab Control example2.PNG","height":588}}]},{"type":"paragraph","content":[{"text":"To move your entire group of tabs to another spot in your form, click the area to the right of your last tab and drag the entire group to the desired location. Tab controls have some limitations:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Individual tabs in a tab group must be the same size and fit on one row","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Individual tab labels must fit on one line","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Centering of a column header cannot be done","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Tab Widths","type":"text"}]},{"type":"paragraph","content":[{"text":"Multiple rows of tabs are not fully supported, so if your tabs spill over to the second row, adjust the width of your tabs and also possibly the ","type":"text"},{"text":"Form Width","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Form and Workflow Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633805#FormandWorkflowStyleProperties-Width"}}]},{"text":". To edit the tab widths, click the unlabeled area to the right of your last tab; this will display the tab group properties on the left side of the Forms Designer. Type a percentage in the tab group’s Width property field. With five tabs, for example, typing 19% will cause each individual tab to take up 19% of your form’s width. As with panels, you must account for space consumed by tab borders—so if you try to set the width to 20% the five tabs won’t fit on one row.","type":"text"},{"type":"hardBreak"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"9d65bc7e-9dce-4b1d-8312-3736f1a5a6ec","collection":"contentId-1062633834","height":"150"}}}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Panels","type":"text"}]},{"type":"paragraph","content":[{"text":"Columns can be created with or without the use of the panel control. Click ","type":"text"},{"text":"Multi-column Form Layout","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Adding Controls - Drag and Drop","anchorName":"Multi-ColumnFormLayout","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633857#AddingControls-DragandDrop-Multi-ColumnFormLayout"}}]},{"text":" for an in-depth discussion about this topic. Panels have a default ","type":"text"},{"text":"width","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" of 6 columns. Notice panels do not have a label. You can identify a panel in the designer by the panel icon seen on the top-left header.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":80456,"__fileMimeType":"image/png","width":2538,"id":"b7ddd100-885f-417d-8f80-0a91c461d047","collection":"contentId-816782515","type":"file","__fileName":"v91 Panel control.PNG","height":807}}]},{"type":"paragraph","content":[{"text":"Let's make a three-column layout using panels, where the first column is twice the ","type":"text"},{"text":"width","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" of the other two. Drag/drop a section onto the canvas. Simply drag/drop the first panel into the section. It will have a width of 6 columns. Drag a second panel to the right of the first and drop it when you see the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"16","id":"34bda5db-214f-4169-8e9e-aab386b605d1","collection":"contentId-816783344","height":""}}},{"text":"green right arrow. Change the width of the second panel to 3 columns. Drag the third panel from the palette over the second panel and drop it when you see the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"16","id":"34bda5db-214f-4169-8e9e-aab386b605d1","collection":"contentId-816783344","height":""}}},{"text":"green right arrow. This panel will automatically adjust to a 3-column width to fill the remaining space in the section. Since panels are group controls, you drag other controls inside them. Below are three panels used for a three-column layout. Inside the first panel is a text control (City), a dropdown control (State), and a number control (Zip Code.)","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"full-width"},"content":[{"type":"media","attrs":{"__fileSize":25238,"__fileMimeType":"image/png","width":1725,"id":"a0d57459-29ed-4843-908f-ed5faf853ecd","collection":"contentId-1062633834","type":"file","__fileName":"v91 Panels 3 column layout.PNG","height":390}}]},{"type":"paragraph","content":[{"text":"If you want to rearrange the order of your panels, drag the panel you want to move across the other panels in the direction you want to go and drop it when you see the green arrow. For example, the image below shows the panel for State being moved to the left of the panel for Zip Code.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":85.0},"content":[{"type":"media","attrs":{"__fileSize":392315,"__fileMimeType":"image/gif","width":2030,"id":"8cedb0e6-13eb-42c2-983d-9dfcd24bd3a8","collection":"contentId-1062633834","type":"file","__fileName":"v10 Panel Drag and Drop.gif","height":875}}]},{"type":"paragraph","content":[{"text":"Panels themselves are not visible to users or to you when you test or preview your form. Only the controls inside your panels are visible; these controls will be organized visually according to the width of the panels. The ","type":"text"},{"text":"width","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" of panels can be 1-12 columns, as desired. Each panel is itself divided into 12 columns irrespective of its width. Panels do not take up visible use mode space i.e. have a 6-column control outside a panel and a 12-column control inside a 6-column panel take up exactly the same width.","type":"text"}]},{"type":"paragraph","content":[{"text":"Panels can be dropped to the left or right of other panels. You can't drop other controls in a similar manner to the left/right of panels. The same width rule from above applies: a newly dropped panel dropped to the left/right of another panel will take the width of whatever you dropped on. This makes it very easy to create multi-column layouts.","type":"text"}]},{"type":"paragraph","content":[{"text":"You can drop another control in between two panels. In the image below, two panels 4 columns wide were dragged/dropped on the canvas. A Money control is dragged/dropped on the canvas and the width is changed to 4 columns. Moving the first panel to the left of the Money control and dropping it when the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"20","id":"6b1f1724-afd6-407e-90e5-0b7bfd9547cb","collection":"contentId-816783344","height":""}}},{"text":" up green arrow appears will put the Money control in between the two panels.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":27379,"__fileMimeType":"image/png","width":1779,"id":"8fac1435-c2aa-4f13-b1b9-5eb931fe90bb","collection":"contentId-1062633834","type":"file","__fileName":"v91 Panel with Another Control.PNG","height":307}}]},{"type":"paragraph","content":[{"text":"If you delete a panel frevvo automatically deletes any controls you’ve dragged inside it.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Table","type":"text"}]},{"type":"paragraph","content":[{"text":"A table/grid layout in a form is a useful space-saving technique. The use of panels to create columns can be replaced by using the table control. This control makes table/grid form layout easy by allowing you to create a table with user-designated columns and rows. You can edit the table name, change the column names, drag and drop new controls from the palette, and set the widths of the columns. You can control the number of rows in the table by clicking on Add/Remove icons that appear to the left of the first column in the table. You can hide the ","type":"text"},{"type":"emoji","attrs":{"id":"46999ebb-3b91-450d-8cb6-fe0ee2073b43","text":":red_minus_icon:","shortName":":red_minus_icon:"}},{"text":" delete icon to eliminate the deletion table rows using the ","type":"text"},{"text":"deletable property","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"spaceKey":"frevvo101","isRenamedTitle":true,"linkType":"page","contentTitle":"Rules Examples (old)","anchorName":"Tables","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo101/pages/1063223338#RulesExamples(old)-Tables"}}]},{"text":" or allow only a certain number of items based on user input using a ","type":"text"},{"text":"business rule","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Working with Rules","anchorName":"DynamicAddorRemoveforRepeatingItems","versionAtSave":"4"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634059#WorkingwithRules-DynamicAddorRemoveforRepeatingItems"}}]},{"text":". You can also use ","type":"text"},{"text":"business rules","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Rule Examples","anchorName":"Tables","versionAtSave":"8"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-Tables"}}]},{"text":" for computed values, enabling/disabling fields, showing/hiding fields, etc. ","type":"text"},{"text":"When tabbing through a form, use Shift-Right arrow or click on a table cell to begin tabbing into a table. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Tables are always 12 columns ","type":"text"},{"text":"wide","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" when you drag/drop them from the palette. Table controls do not have an identifying icon like ","type":"text"},{"text":"Panels","type":"text","marks":[{"type":"link","attrs":{"href":"#Panel"}}]},{"text":" and ","type":"text"},{"text":"Repeats","type":"text","marks":[{"type":"link","attrs":{"href":"#Repeat"}}]},{"text":" do.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":70.0},"content":[{"type":"media","attrs":{"__fileSize":210287,"__fileMimeType":"image/png","width":1490,"id":"f530ee6c-2e8c-495f-a7e0-896a72c45994","collection":"contentId-1062633834","type":"file","__fileName":"v10 Control Icons.png","height":1027}}]},{"type":"paragraph","content":[{"text":"When you drag the table control into your form, the control will have three rows and three columns. The Table is assigned a default name i.e.Table95. The columns will display the default names of ","type":"text"},{"text":"col 0, col 1 and col 2 ","type":"text","marks":[{"type":"em"}]},{"text":"respectively.","type":"text"},{"text":" ","type":"text","marks":[{"type":"em"}]},{"text":"The ","type":"text"},{"type":"emoji","attrs":{"id":"cc852c13-011c-42cb-a2a0-f953c73d6a4c","text":":green_add_icon:","shortName":":green_add_icon:"}},{"text":" and ","type":"text"},{"type":"emoji","attrs":{"id":"46999ebb-3b91-450d-8cb6-fe0ee2073b43","text":":red_minus_icon:","shortName":":red_minus_icon:"}},{"text":" icons will display for each row in the table, allowing the addition and deletion of rows. Deleting all the rows will result in a table with one row. Notice the name of each table column is unique.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":17528,"__fileMimeType":"image/png","width":1754,"id":"67e2488a-5d6c-4674-8028-c93a4f37bede","collection":"contentId-816782515","type":"file","__fileName":"v91 New Table.PNG","height":340}}]},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"paragraph","content":[{"text":"It is strongly recommended that column names in a table be unique.","type":"text"}]}]},{"type":"paragraph","content":[{"text":"Rearrange table columns by clicking on the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"20","id":"81afa8ff-a6a8-499a-96a1-1ffe7898b5dc","collection":"contentId-816783344","height":""}}},{"text":" green bidirectional arrow that appears when you click in the column heading of the column that you wish to move. For Example, to move the “Years Acquainted\" column to the left of the “Business” column in the table, click the green arrow in the \"Years Acquainted\" column until it reaches the desired position. Columns will move to the left or right until the last column position in each direction in the table is reached.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":27342,"__fileMimeType":"image/png","width":1754,"id":"f64578f8-fa55-481f-bff1-94522b6c908a","collection":"contentId-816782515","type":"file","__fileName":"v91 Table with Move Arrows.PNG","height":340}}]},{"type":"paragraph","content":[{"text":"There is a property panel for the table and a separate panel for each column and cell in the table. The table control’s Label will not display in ","type":"text"},{"text":"Use ","type":"text","marks":[{"type":"em"}]},{"text":"mode.","type":"text"}]},{"type":"paragraph","content":[{"text":"Users can add/delete rows in a table control in a form depending on the requirements of the task. The forms designer can control the number of rows in a table by setting the Min/Max properties on the table properties panel. ","type":"text"},{"text":"Min #","type":"text","marks":[{"type":"em"}]},{"text":" defaults to zero and ","type":"text"},{"text":"Max #","type":"text","marks":[{"type":"em"}]},{"text":" to10. The ","type":"text"},{"text":"Min # ","type":"text","marks":[{"type":"em"}]},{"text":"value will dictate the minimum number of rows in the table and the ","type":"text"},{"text":"Max #","type":"text","marks":[{"type":"em"}]},{"text":" value specifies the maximum number of table rows allowed. Setting the ","type":"text"},{"text":"Min# and Max# ","type":"text","marks":[{"type":"em"}]},{"text":"to zero will default the ","type":"text"},{"text":"Max#","type":"text","marks":[{"type":"em"}]},{"text":" to 1 resulting in a table with one row. All the cells in this one-row table will be displayed in the designer and use mode with a pink color indicating the entire row must be filled in to submit the form. See ","type":"text"},{"text":"Min/Max","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Min#andMax#"}}]},{"text":" and ","type":"text"},{"text":"Required","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Required","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Required"}}]},{"text":" properties for more information.","type":"text"}]},{"type":"paragraph","content":[{"text":"Designers creating ","type":"text"},{"text":"accessible forms/workflows","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Accessibility and frevvo","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633914"}}]},{"text":" can use the Summary property to specify extra help text that will be announced by Assistive Technology tools.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":33.0},"content":[{"type":"media","attrs":{"__fileSize":35562,"__fileMimeType":"image/png","width":680,"id":"ce5854ea-c5be-4b53-89be-3041fc9dee82","collection":"contentId-816782515","type":"file","__fileName":"v91 Table Properties.PNG","height":728}}]},{"type":"paragraph","content":[{"text":"The table control has some limitations:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The Table control cannot be published by dragging to the custom palette. Currently, this can be done by clicking on ","type":"text"},{"text":"Publish Control Template","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Control Templates","anchorName":"PublishingaControlTemplate","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633882#ControlTemplates-PublishingaControlTemplate"}}]},{"text":" link in the properties panel.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drag and drop of a Table control into a Repeat control is not supported. ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Schema controls cannot be added to a table that is dragged from the palette and dropped into a form.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Centering of a column header in a table cannot be done at this time but might be possible in a future release.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"f-page-break","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Printing Forms","anchorName":"PageBreaks","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633754#PrintingForms-PageBreaks"}}]},{"text":" css class should not be used in table cells. ","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Adding a Column to the Table Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Other controls can be dragged into the table (Dropdown, Radio, Checkbox, Message, Text, Text area, Date, Email, Money, Phone, Quantity, Number, T/F). Drag the control from the palette. The new control will appear as a column positioned to the right of the column where it is dropped. For Example, a date control can be dragged from the palette and dropped over the ","type":"text"},{"text":"Description of Expense ","type":"text","marks":[{"type":"em"}]},{"text":"column. Adjust the ","type":"text"},{"text":"Column Widths","type":"text","marks":[{"type":"link","attrs":{"href":"#ColumnWidths"}}]},{"text":" in the table if necessary. Notice that the cells in the added control column do not have the ","type":"text"},{"text":"Required ","type":"text","marks":[{"type":"em"}]},{"text":"property checked. The form designer must set the ","type":"text"},{"text":"Required","type":"text","marks":[{"type":"em"}]},{"text":" property as appropriate for newly dragged columns. Help icons for a column with a label that has multiple lines may not align properly. Adjust the column widths if possible. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":340332,"__fileMimeType":"image/gif","width":2850,"id":"ab096218-a87f-4c1c-a0f5-0ad5b7778b2a","collection":"contentId-1062633834","type":"file","__fileName":"v10 Table Columns drag and drop.gif","height":875}}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"Adding columns to a table generated from schema is not allowed.","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Table Min and Max Properties","type":"text"}]},{"type":"paragraph","content":[{"text":"Add/Remove icons will automatically appear to the left of each row in the table. Click on the ","type":"text"},{"type":"emoji","attrs":{"id":"cc852c13-011c-42cb-a2a0-f953c73d6a4c","text":":green_add_icon:","shortName":":green_add_icon:"}},{"text":" plus icon to append a row to the bottom of the table until the number of rows reaches the ","type":"text"},{"text":"Max #","type":"text","marks":[{"type":"em"}]},{"text":" value specified in the property panel. The image below shows an Expense Report created using the Table control. The ","type":"text"},{"text":"Min #","type":"text","marks":[{"type":"em"}]},{"text":" property is set to zero and the ","type":"text"},{"text":"Max #","type":"text","marks":[{"type":"em"}]},{"text":" is set to 10. Nine expense items can be specified in the table as shown. One more row can be added by clicking the ","type":"text"},{"type":"emoji","attrs":{"id":"cc852c13-011c-42cb-a2a0-f953c73d6a4c","text":":green_add_icon:","shortName":":green_add_icon:"}},{"text":" plus icon. When the table consists of 10 rows, the ","type":"text"},{"type":"emoji","attrs":{"id":"cc852c13-011c-42cb-a2a0-f953c73d6a4c","text":":green_add_icon:","shortName":":green_add_icon:"}},{"text":" plus icon will disappear and the ","type":"text"},{"type":"emoji","attrs":{"id":"46999ebb-3b91-450d-8cb6-fe0ee2073b43","text":":red_minus_icon:","shortName":":red_minus_icon:"}},{"text":" delete icon will remain. Clicking on the ","type":"text"},{"type":"emoji","attrs":{"id":"46999ebb-3b91-450d-8cb6-fe0ee2073b43","text":":red_minus_icon:","shortName":":red_minus_icon:"}},{"text":" delete icon will delete one row from the bottom of the table. The minus icon will become a ","type":"text"},{"type":"emoji","attrs":{"id":"cc852c13-011c-42cb-a2a0-f953c73d6a4c","text":":green_add_icon:","shortName":":green_add_icon:"}},{"text":" plus when the ","type":"text"},{"text":"Min #","type":"text","marks":[{"type":"em"}]},{"text":" value is reached or there is only one row in the table. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":229763,"__fileMimeType":"image/gif","width":1810,"id":"6e68e671-60d7-469b-9890-24e21378b2bf","collection":"contentId-816782515","type":"file","__fileName":"v91 Table Max Rows movie.gif","height":900}}]},{"type":"paragraph","content":[{"text":"The Table control can also be used for static grids where the number of rows is fixed. Set the Min # equal to the Max # and the Add/Remove icons will not display. The image below shows a table control in a Time Sheet form. Users enter the work data into the grid and are not able to add /delete rows.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":50436,"__fileMimeType":"image/png","width":1724,"id":"bfaf8d46-e6ad-4839-a4ee-87437e960856","collection":"contentId-816782515","type":"file","__fileName":"v91 Table Timesheet example.PNG","height":413}}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"The Min/max fields for table created from schema are not editable. See ","type":"text"},{"text":"Setting Properties","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Min#andMax#"}}]},{"text":" for more Information.","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Prompt and Prompt Message Properties for Tables","type":"text"}]},{"type":"paragraph","content":[{"text":"Check the ","type":"text"},{"text":"Prompt","type":"text","marks":[{"type":"strong"}]},{"text":" property checkbox on the Table control Properties panel to display a confirmation message if users attempt to delete a table row. The text of the message can be customized in the ","type":"text"},{"text":"Prompt Msg","type":"text","marks":[{"type":"strong"}]},{"text":" property. The Prompt Msg property is only visible when the Prompt property is checked.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":45.0},"content":[{"type":"media","attrs":{"__fileSize":11579,"__fileMimeType":"image/png","width":300,"id":"0c726cad-de8c-48dc-b8e6-23ae84409d5e","collection":"contentId-816782515","type":"file","__fileName":"DeleteRowpromptforTable.PNG","height":360}}]},{"type":"paragraph","content":[{"text":"At runtime, ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"frevvoproduct","parameters":{"macroParams":{"_parentId":{"value":"1062633834"}},"macroMetadata":{"macroId":{"value":"6e7da14b-3e13-4cfd-82a3-261c3241c4fe"},"schemaVersion":{"value":"1"},"title":"frevvoproduct"}},"localId":"2eced120-7f06-4e50-92d7-1af6f02c05b0"}},{"text":" displays the prompt when the user attempts to delete a repeat item if the Prompt property is checked. This applies to Table rows and Repeat items. If the user selects ","type":"text"},{"text":"Ok","type":"text","marks":[{"type":"strong"}]},{"text":" the item is deleted. Selecting ","type":"text"},{"text":"Cancel","type":"text","marks":[{"type":"strong"}]},{"text":" aborts the delete.","type":"text"}]},{"type":"paragraph","content":[{"text":"The Prompt Msg and the labels of controls included in a Repeat are available in the form level downloadable text strings file for ","type":"text"},{"text":"localization","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Multi Language Support","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633762"}}]},{"text":".","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":50.0},"content":[{"type":"media","attrs":{"__fileSize":3722,"__fileMimeType":"image/png","width":503,"id":"96f6e96c-92f9-4e41-995f-34ae43d1e7b3","collection":"contentId-816782515","type":"file","__fileName":"RepeatingItemsWarningMessage (1).PNG","height":143}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Table Column Properties","type":"text"}]},{"type":"paragraph","content":[{"text":"Columns in a table may require different properties depending on your specifications. There is a properties panel for each column where the properties shown in the image below can be selected. Checking a property on the column property panel will apply the selection to all the rows in that column in the table. The Visible property is available at the column level and can be used to ","type":"text"},{"text":"Show/Hide a column","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"spaceKey":"frevvo101","isRenamedTitle":true,"linkType":"page","contentTitle":"Rules Examples (old)","anchorName":"Tables","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo101/pages/1063223338#RulesExamples(old)-Tables"}}]},{"text":" at runtime using a business rule. If you have a dropdown, radio or checkbox control in your table the required and comment properties are selectable on the cell property panel.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":25.0},"content":[{"type":"media","attrs":{"__fileSize":38776,"__fileMimeType":"image/png","width":680,"id":"1de25b4b-02a2-4954-90a8-8e397bf61627","collection":"contentId-816782515","type":"file","__fileName":"v91 Table Column Properties.PNG","height":778}}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"Labeling column headers, must be done from the properties pane – in place edit of column headers is not possible.","type":"text"}]}]},{"type":"paragraph","content":[{"text":"Modifications made to one cell in a table on the cell property panel will be replicated in all the rows of the column in the table. The ","type":"text"},{"text":"Control Type","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"ControlType","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-ControlType"}}]},{"text":" ","type":"text","marks":[{"type":"em"}]},{"text":"dropdown provides choices to change the type of control from a text control to one of the following types: Email, Money, Phone, Quantity, Number. Changing the Control Type of one cell will change the control type for all of the cells in the column of the table. For example, all of the cells in a column in a table that will be used to collect mileage information can easily be changed to number controls by selecting that choice in the Control Type dropdown on one of the cell property panels. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":33.0},"content":[{"type":"media","attrs":{"__fileSize":32046,"__fileMimeType":"image/png","width":680,"id":"bd702ab5-69d3-4a26-86a6-1f48155d416b","collection":"contentId-816782515","type":"file","__fileName":"v91 Table Change Control Type.PNG","height":545}}]},{"type":"paragraph","content":[{"text":"Required cells in a table will display in the edit and test modes with yellow background color as shown. When you drag the table control from the palette into your form, all cells are marked as required. Individual cells can be designated as required/optional by checking/unchecking the required checkbox on each cell property panel. Changes made to the required property in one cell in a column will add/remove the requirement from all the cells in the column. Refer to ","type":"text"},{"text":"Setting Properties","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Required","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Required"}}]},{"text":" for more information. Error messages for invalid data in a table will display one at a time. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"full-width"},"content":[{"type":"media","attrs":{"__fileSize":26109,"__fileMimeType":"image/png","width":1724,"id":"7d6105e7-4a14-43e0-935e-6a572cf4b41b","collection":"contentId-816782515","type":"file","__fileName":"v91 Table with Required Rows.PNG","height":262}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Column Widths","type":"text"}]},{"type":"paragraph","content":[{"text":"Column widths can be adjusted using the ","type":"text"},{"text":"Column Width","type":"text","marks":[{"type":"em"}]},{"text":" ","type":"text","marks":[{"type":"strong"}]},{"text":"property found on the table ","type":"text"},{"text":"Style Properties tab","type":"text","marks":[{"type":"em"}]},{"text":". To edit the column widths, enter a value in percentages (Ex: 50%), or px values, separated by a space, for each column in the table. For Example, the Name and Business columns have a width of 25% of the ","type":"text"},{"text":"Form Width","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Form and Workflow Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633805#FormandWorkflowStyleProperties-Width"}}]},{"text":" while the Address and Phone column is set to 30%. The Years Acquainted column is set to 10%. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":85.0},"content":[{"type":"media","attrs":{"__fileSize":16732,"__fileMimeType":"image/png","width":679,"id":"800b390e-5883-4275-a5e7-ac766959e7b3","collection":"contentId-816782515","type":"file","__fileName":"v91 Set Table Column Width.PNG","height":290}}]},{"type":"paragraph","content":[{"text":"Here is how the Table control looks with these column widths.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":50.0},"content":[{"type":"media","attrs":{"__fileSize":26816,"__fileMimeType":"image/png","width":1717,"id":"e1a46145-fc38-4441-8ad6-c36912a229b6","collection":"contentId-816782515","type":"file","__fileName":"v91 Table Widths Set example.PNG","height":330}}]},{"type":"panel","attrs":{"panelType":"success"},"content":[{"type":"paragraph","content":[{"text":"Set the column widths explicitly at the table level for consistency in html and ","type":"text"},{"text":"print view","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Printing Forms","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633754"}}]},{"text":".","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Labeling the Rows of a Table","type":"text"}]},{"type":"paragraph","content":[{"text":"Dragging a message control from the palette and dropping it into a table will provide a column in the table that can be used to label the table rows. Move the message column to the desired position. The text of the message control of each cell in that column can then be set as desired. The days of the week in the Day column of the Timesheet form shown below is an example of using the message control with modified text for row labels. Remember the ","type":"text"},{"text":"Palette Controls#MessageControl","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-MessageControl"}}]},{"text":" is available for easy creation of your Message control content.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"full-width"},"content":[{"type":"media","attrs":{"__fileSize":73940,"__fileMimeType":"image/png","width":2487,"id":"4da83e6e-60e0-428f-b3e8-2ed33b27c73c","collection":"contentId-816782515","type":"file","__fileName":"v91 Message Control in a table.PNG","height":585}}]},{"type":"paragraph","content":[{"text":"A Message Control dropped into a table will not have ","type":"text"},{"text":"hint, help, or enabled properties. Be sure to check the \"hide label\" property if you have a message control as a column in your table and you do not want a column label on it. The column label will be hidden in use and edit modes if \"hide label' is selected. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Deleting a Table Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Select the entire table control by clicking on the table header. A red ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"90e1e79a-219c-471c-b535-70d555b81a9a","collection":"contentId-816783344","height":""}}},{"text":" will display. Click on the x to delete the entire table.","type":"text"}]},{"type":"paragraph","content":[{"text":"To delete a column in the table, click on the red X in the top right corner of the column. ","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Changing a Table Control to a Repeat","type":"text"}]},{"type":"paragraph","content":[{"text":"You can change a table control to a repeat control via the Control Type or Display As properties, depending on whether the table was dragged and dropped from the palette or added from schema. Refer to this ","type":"text"},{"text":"documentation","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"ControlType","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-ControlType"}}]},{"text":" for the details.","type":"text"}]},{"type":"paragraph","content":[{"text":"When you change a table to a repeat or vice versa and there are referencing rules, it is recommended that you check the rules for the correct syntax and section names. See ","type":"text"},{"text":"Rules Examples","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-Repeats&Tables"}}]},{"text":" for more information. ","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Horizontal Layout using the Table Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Let's say you wanted to modify a section of your form to reflect a horizontal layout. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"You can use a Table control with Message and Radio controls to accomplish this. Follow these steps: ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drag a Table control from the palette and drop it on the designer canvas.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drag a Message control from the palette and drop it into the table to create a column. Click on the column header and check the ","type":"text"},{"text":"Hide Label ","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"HideLabel","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-HideLabel"}}]},{"text":"property on the Settings tab. Delete unwanted columns.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Modify the rows of the Message control column for the labels. The ","type":"text"},{"text":"Palette Controls#MessageControl","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-MessageControl"}}]},{"text":" is available for easy creation of your Message control content.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drag a Radio control from the palette to the canvas. ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Set up the Yes/No options for the Radio Control.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Specify the item width on the Style tab so that the options display horizontally.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drop the Radio Control into the table to make a second column. ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on the column header and check the Hide Label property.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"This is what the table will look like in Use mode. ","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":40598,"__fileMimeType":"image/png","width":1736,"id":"686857d9-051a-435c-9a82-d1b779a593a3","collection":"contentId-816782515","type":"file","__fileName":"v91 Table for horizontal layout.PNG","height":224}}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Repeats","type":"text"}]},{"type":"paragraph","content":[{"text":"Say you want users to be able to enter one or more addresses, phone numbers, or other data. With repeating controls, your form can dynamically display as many controls as a user needs rather than always showing extra input controls that may not be needed. You can write a ","type":"text"},{"text":"business rule","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Working with Rules","anchorName":"DynamicAddorRemoveforRepeatingItems","versionAtSave":"4"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634059#WorkingwithRules-DynamicAddorRemoveforRepeatingItems"}}]},{"text":" to allow only a certain number of items based on user input.","type":"text"}]},{"type":"paragraph","content":[{"text":"Repeat controls do not have a label. You can identify a repeat control in the designer by the palette icon for a repeat seen on the top-left header. Repeats are assigned a name by default i.e. Repeat 417. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":61376,"__fileMimeType":"image/png","width":2529,"id":"a911166c-7faf-4b58-bf50-cdf1769bdcf6","collection":"contentId-816782515","type":"file","__fileName":"v91 Repeat Control with Properties.PNG","height":490}}]},{"type":"paragraph","content":[{"text":"Repeats are always 12 columns wide when you drag/drop them from the palette and each is itself divided into 12 columns. Click ","type":"text"},{"text":"here","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Style Properties","anchorName":"Width","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633890#StyleProperties-Width"}}]},{"text":" for more information.","type":"text"}]},{"type":"paragraph","content":[{"text":"Drag the repeat control into your form and then drag another control into the repeat control just like you would for sections, tabs or panels. When the control is inside your repeat control, click the control to see its properties (on the left-hand side of the Forms Designer). Notice that two Settings properties have been added to the properties you normally see for the control: Min# and Max#. These properties default to 0, 1. You must change them as described below to make the control repeat.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":30.0},"content":[{"type":"media","attrs":{"__fileSize":53709,"__fileMimeType":"image/png","width":677,"id":"cfcd15af-49fb-4b05-a282-99aeaa01491a","collection":"contentId-816782515","type":"file","__fileName":"v91 Control in a Repeat Properties.PNG","height":1176}}]},{"type":"paragraph","content":[{"text":"These minimum and maximum properties control the behavior users will see on the form. In the example below we’ve set the phone control min # to 2 and the max # to 5, so when they access the form users will see two phone controls and both will be required. Also, both will have an ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"ae91c396-8b04-45af-9f80-d012b735c10d","collection":"contentId-816783344","height":""}}},{"text":" icon; clicking this automatically displays another phone control. If you click ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"ae91c396-8b04-45af-9f80-d012b735c10d","collection":"contentId-816783344","height":""}}},{"text":"during design, the min # property will be incremented automatically. The ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"16","id":"ae5c8004-626e-427c-8b4a-8eb01144064a","collection":"contentId-816783344","height":"16"}}},{"text":" icon above each control is optional and appears because we set the phone control's ","type":"text"},{"text":"Help property","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"Help","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-Help"}}]},{"text":".","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":28532,"__fileMimeType":"image/png","width":1768,"id":"8609fb39-203a-47f4-a048-c7616e2a8744","collection":"contentId-816782515","type":"file","__fileName":"v91 Repeat Control Use Mode.PNG","height":601}}]},{"type":"paragraph","content":[{"text":"It is often helpful to tell the user how to add additional repeat items. You can easily do this by dragging a message control into the form with the following text:","type":"text"}]},{"type":"codeBlock","content":[{"text":"Click on the icon to add more phone numbers to the list.
","type":"text"}]},{"type":"paragraph","content":[{"text":"The first items in order up to the min# must be filled in when the form is used in order for the submit button to be enabled. Thus if the user enters a value into the 1st repeat item and then the 2nd repeat item, and then clicks plus on the first repeat item, a new item will be added to the form between what was the 1st and the 2nd moving what was the 2nd item to the 3rd position in the list. The new 2nd item will become required because it has no value. Until the new 2nd item is filled with a value the form will not be submittable.","type":"text"}]},{"type":"paragraph","content":[{"text":"Thus it is not enough that 2 items contain values when min# is 2. The 1st two items must contain values.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":32875,"__fileMimeType":"image/png","width":1768,"id":"af71c4c4-dbbb-43c1-bd8b-93107d6d3767","collection":"contentId-816782515","type":"file","__fileName":"v91 Repeat Control Use Mode 2.PNG","height":601}}]},{"type":"paragraph","content":[{"text":"If users elect to supply the maximum number of values, the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"ae91c396-8b04-45af-9f80-d012b735c10d","collection":"contentId-816783344","height":""}}},{"text":" icons will disappear from the form and only the","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"412f281f-df3f-490a-ad47-770a99d9d899","collection":"contentId-816783344","height":""}}},{"text":" icons will remain.","type":"text"}]},{"type":"paragraph","content":[{"text":"When you edit the label or any properties of a control inside a repeat control, your changes will be applied to every instance of the control inside the repeat control. The same is true if you decide to delete a control inside the repeat control—all instances of the control will be deleted.","type":"text"}]},{"type":"paragraph","content":[{"text":"As with panels, repeat controls are hidden when testing or using forms and only the controls inside your repeat controls are visible. (The input controls will have ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"ae91c396-8b04-45af-9f80-d012b735c10d","collection":"contentId-816783344","height":""}}},{"text":" icons as a visual cue to users.) ","type":"text"}]},{"type":"paragraph","content":[{"text":"There are some key differences between repeat controls and the other grouping controls:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You may drag in only one control, and you may not drag in tab controls, panels, or other repeat controls. ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You may not drag in trigger, image, upload, tab, table, or signature controls. ","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"You can have multiple controls inside a repeat. To do this, first add your controls to a section control, and then drag the section into the repeat control. Only one section is allowed inside a Repeat control. Sections inside repeats will not have the ","type":"text"},{"text":"Palette Controls#SecurityProperties","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-SecurityProperties"}}]},{"text":", since signatures are not supported in Repeats.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":50.0},"content":[{"type":"media","attrs":{"__fileSize":17711,"__fileMimeType":"image/png","width":1762,"id":"3b5ec955-50e8-44db-a82b-2e61744409de","collection":"contentId-816782515","type":"file","__fileName":"v91 Repeat with a Section.PNG","height":391}}]},{"type":"panel","attrs":{"panelType":"success"},"content":[{"type":"paragraph","content":[{"text":"If you need to add more controls to the section, you must first drag the section back out of the repeat. Add the additional controls, and then drag the section back into the repeat. Panels are the exception: you can drop a panel into a section without first dragging the section out of the repeat","type":"text"}]}]},{"type":"paragraph","content":[{"text":"If you add a control from a repeating element that was uploaded as part of a schema (maxOccurs > 1), ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"frevvoproduct","parameters":{"macroParams":{"_parentId":{"value":"1062633834"}},"macroMetadata":{"macroId":{"value":"9c2c0286-c83a-4c2d-8f8e-f7973ed11341"},"schemaVersion":{"value":"1"},"title":"frevvoproduct"}},"localId":"92f7ba94-4d24-41c6-ab6f-b6b3af768729"}},{"text":" automatically will generate a repeat control and nest the repeating item in that control. The repeat control will automatically enforce the minimum and maximum occurrence constraints. When referring to repeat controls in various places such as Form Action display message, you must use a special template syntax. See ","type":"text"},{"text":"templates for repeat controls","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Templatized Strings","anchorName":"RepeatControls","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633803#TemplatizedStrings-RepeatControls"}}]},{"text":" for the details.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Prompt and Prompt Message Properties for Repeating items","type":"text"}]},{"type":"paragraph","content":[{"text":"Check the ","type":"text"},{"text":"Prompt","type":"text","marks":[{"type":"strong"}]},{"text":" property checkbox on the control inside a Repeat control Properties panel to display a confirmation message if users attempt to delete a repeating item. The text of the message can be customized in the ","type":"text"},{"text":"Prompt Msg","type":"text","marks":[{"type":"strong"}]},{"text":" property. The Prompt Msg property is only visible when the Prompt property is checked.","type":"text"},{"type":"hardBreak"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"250","id":"68cf5b14-6897-42eb-b522-32b7fe4dbe2a","collection":"contentId-816782515","height":""}}}]},{"type":"paragraph","content":[{"text":"At runtime, ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"frevvoproduct","parameters":{"macroParams":{"_parentId":{"value":"1062633834"}},"macroMetadata":{"macroId":{"value":"89d20899-e180-419b-aee3-f265204e6c64"},"schemaVersion":{"value":"1"},"title":"frevvoproduct"}},"localId":"81492745-eacb-4da1-b0a2-406ed17f2857"}},{"text":" displays the prompt when the user attempts to delete a repeating item if the Prompt property is checked. If the user selects ","type":"text"},{"text":"Ok","type":"text","marks":[{"type":"strong"}]},{"text":" the item is deleted. Selecting ","type":"text"},{"text":"Cancel","type":"text","marks":[{"type":"strong"}]},{"text":" aborts the delete.","type":"text"}]},{"type":"paragraph","content":[{"text":"The Prompt Msg and the labels of controls included in a Repeat are available in the form level downloadable text strings file for ","type":"text"},{"text":"localization","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Multi Language Support","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633762"}}]},{"text":".","type":"text"},{"type":"hardBreak"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"96f6e96c-92f9-4e41-995f-34ae43d1e7b3","collection":"contentId-816782515","height":""}}}]},{"type":"paragraph","content":[{"text":"If you have more than one control inside a Section that is dropped into a Repeat control, these properties will show on the Section Properties panel. The Prompt and Prompt Message properties appear on the Properties panel for all levels of controls that are included in nested Repeats.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Changing a Repeat Control to a Table","type":"text"}]},{"type":"paragraph","content":[{"text":"You can change a repeat control to a table control via the Control Type or Display As properties, depending on whether the repeat was dragged and dropped from the palette or added from schema. Refer to this ","type":"text"},{"text":"documentation","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"ControlType","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-ControlType"}}]},{"text":" for the details.","type":"text"}]},{"type":"paragraph","content":[{"text":"When you change a repeat to a table or vice versa and there are referencing rules, it is recommended that you check the rules for the correct syntax and section names. See ","type":"text"},{"text":"Rules Examples","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/frevvo103/pages/1062634074#RuleExamples-Repeats&Tables"}}]},{"text":" for more information.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"PageBreak","type":"text"}]},{"type":"paragraph","content":[{"text":"Mobile forms work best when they are broken up into small, logical pieces. The ","type":"text"},{"text":"PageBreak ","type":"text","marks":[{"type":"strong"}]},{"text":"control lets the designer create a mobile layout consisting of multiple pages where each page contains a small number of controls (logical groupings). The user navigates between the pages via Back/Next buttons, or on a device that supports it, by swiping left/right.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":25.0},"content":[{"type":"media","attrs":{"__fileSize":34597,"__fileMimeType":"image/png","width":247,"id":"c5c0c0b2-9cab-4e56-a956-35e252be5b66","collection":"contentId-816782515","type":"file","__fileName":"v53BackSaveandNextButtonsonIphone.PNG","height":521}}]},{"type":"paragraph","content":[{"text":"Tablet and Smartphone ","type":"text"}]},{"type":"paragraph","content":[{"text":"Forms are generated using HTML5 controls so features like Custom Keyboards, Date pickers, etc. can be used. For example:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Money, Number, and Quantity controls will display a numeric keyboard.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"An Email control will display a keyboard with an @ sign.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"A Phone control will display a phone-specific keyboard.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Date, Time, and DateTime controls will display the appropriate pickers.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Drop-downs will use the device-specific pickers.","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":30.0},"content":[{"type":"media","attrs":{"__fileSize":129669,"__fileMimeType":"image/png","width":640,"id":"e24a6ea0-655a-4694-bed8-5b5a9af7fdba","collection":"contentId-816782515","type":"file","__fileName":"IphoneDatePicker2.PNG","height":1136}}]},{"type":"paragraph","content":[{"text":"Panels will be ignored on a smartphone, rendering all controls one below the other. Panels on a tablet will be rendered as usual. The +/- icons are rendered larger so that it's easier to touch them with a finger. Your mobile form takes up the entire width of the device","type":"text"}]},{"type":"paragraph","content":[{"text":"If your form has PageBreak controls in it, they will be visible by default when you edit your form in the form designer. You can hide them by clicking the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"787d234f-707c-408e-aa26-d9b77f567152","collection":"contentId-816783344","height":""}}},{"text":" icon in the toolbar.","type":"text"},{"type":"hardBreak"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"924698c4-21f5-409d-b18d-b403c6aacb32","collection":"contentId-1062633834","height":"250"}}}]},{"type":"paragraph","content":[{"text":"When you drag/drop a PageBreak control from the palette into your form, the visibility will automatically be toggled so the controls are visible. Drag and drop a Page Break control from the palette into your form to specify pages on your mobile devices. You can set a page break for Phone, Tablet, or both by checking the ","type":"text"},{"text":"Tablet ","type":"text","marks":[{"type":"strong"}]},{"text":"and ","type":"text"},{"text":"Phone","type":"text","marks":[{"type":"strong"}]},{"text":" checkboxes on the ","type":"text"},{"text":"Properties ","type":"text","marks":[{"type":"strong"}]},{"text":"panel of the control. If neither is selected, it has no effect. When the designer clicks ","type":"text"},{"text":"Finish","type":"text","marks":[{"type":"strong"}]},{"text":", ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"frevvoproduct","parameters":{"macroParams":{"_parentId":{"value":"1062633834"}},"macroMetadata":{"macroId":{"value":"89454f52-8c2e-4e0d-b52a-5576aea53d7d"},"schemaVersion":{"value":"1"},"title":"frevvoproduct"}},"localId":"ce9c6bf0-7f42-4528-aa10-547021667105"}},{"text":" will generate a Smartphone layout and a Tablet layout with the page breaks specified. If page breaks are not specified, there will be just one page. The Employee on Boarding form shown below, when rendered on the iPad and iPhone, displays the company information, the new employee's date of birth and manager's name on the first page and the new employee's name, social security number and home phone on the next page because the first PageBreak control has both phone and tablet checked. If tablet is unchecked on the second PageBreak control, the name and address panels will display on the same page on the tablet.","type":"text"}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":33.33},"content":[{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"__fileSize":138416,"__fileMimeType":"image/png","width":1653,"id":"c9244365-0542-4120-b2ad-8f37c0b6ee14","collection":"contentId-1062633834","type":"file","__fileName":"image-20220728-204622.png","height":1129}},{"type":"caption","content":[{"text":"PageBreak controls in the Designer","type":"text"}]}]},{"type":"paragraph"}]},{"type":"layoutColumn","attrs":{"width":33.33},"content":[{"type":"mediaSingle","attrs":{"layout":"center","width":66.0},"content":[{"type":"media","attrs":{"__fileSize":72844,"__fileMimeType":"image/png","width":786,"id":"035d9511-1d6c-444a-a36f-439bacd55c54","collection":"contentId-1062633834","type":"file","__fileName":"image-20220728-204742.png","height":1360}},{"type":"caption","content":[{"text":"iPhone and iPad layout when Phone and Tablet properties are checked","type":"text"}]}]},{"type":"paragraph"}]},{"type":"layoutColumn","attrs":{"width":33.33},"content":[{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"__fileSize":87847,"__fileMimeType":"image/png","width":1838,"id":"51608de3-195b-40d3-b9af-f2b4230ef6d9","collection":"contentId-1062633834","type":"file","__fileName":"image-20220728-204849.png","height":1048}},{"type":"caption","content":[{"text":"iPad Layout if Tablet property is unchecked","type":"text"}]}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"text":"The PageBreak control can be dropped ","type":"text"},{"text":"between","type":"text","marks":[{"type":"strong"}]},{"text":" 2 controls or ","type":"text"},{"text":"above","type":"text","marks":[{"type":"strong"}]},{"text":" any control (it cannot be dropped ","type":"text"},{"text":"below ","type":"text","marks":[{"type":"strong"}]},{"text":"any control.). For example, say you had a form with two panels side by side and you wanted to drop a PageBreak control in between them. Drag the PageBreak control from the palette to the left of the second panel in the form until you see the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"16","id":"6b1f1724-afd6-407e-90e5-0b7bfd9547cb","collection":"contentId-816783344","height":""}}},{"text":" up arrow. Then drop the control and the PageBreak control will drop between the two panels.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"wide","width":100.0},"content":[{"type":"media","attrs":{"__fileSize":1138612,"__fileMimeType":"image/gif","width":2878,"id":"40923c9c-3799-4d39-8708-c5825f281f38","collection":"contentId-1062633834","type":"file","__fileName":"v10 Drop page break between controls.gif","height":1660}}]},{"type":"paragraph","content":[{"text":"Let's try another example. You are designing a form for mobile devices. You drag and drop one control on the form. Now you want to add the PageBreak control and then add other controls below it. You cannot drop the PageBreak below any control so you will have to add the other controls first and then drop the PageBreak control where you want it. Once you add more than one control to the form, you can drop controls from the palette or the form above or below the page break. You can drag and drop the PageBreak itself anywhere at the root of the form. The PageBreak control should not be dropped inside sections, panels, tables, or repeat group controls. The only exception is the Tab control. See ","type":"text"},{"text":"Palette Controls#PageBreaksinaTabControl","type":"text","marks":[{"type":"link","attrs":{"href":"#PaletteControls-PageBreaksinaTabControl"}}]},{"text":" for the details.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"PageBreaks in a Tab Control","type":"text"}]},{"type":"paragraph","content":[{"text":"Dropping a page break control in one tab of the tab control adds the page break to all tabs. You must drag and drop the Tab control into the form first and then drop the PageBreak into one of the tabs in the tab control. If you drag and drop the PageBreak control onto the canvas first and then try to move it into a tab control, it will not work. When you drag and drop a page break control into a tab, it will always be at the top. You cannot drag it but if you drop another control from the palette or the form it will always drop below the page break control even if you drop it on the tab header. Setting/unsetting a property (e.g. uncheck Phone) in one Tab will duplicate the action in all tabs. If you try to add more than one PageBreak control to a tab, you will see the following message:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start"},"content":[{"type":"media","attrs":{"__fileSize":3130,"__fileMimeType":"image/png","width":581,"id":"3874b9d8-4d63-42c1-8f98-9a60cf26c901","collection":"contentId-816782515","type":"file","__fileName":"CannotAddMorethanonePagebreaktoTabmessage.png","height":148}}]},{"type":"paragraph","content":[{"text":"You cannot move the PageBreak out of a tab. The only way to remove it from one of the tabs is to click on the ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"","id":"90e1e79a-219c-471c-b535-70d555b81a9a","collection":"contentId-816783344","height":""}}},{"text":" delete icon which will remove it from all the tabs.","type":"text"}]},{"type":"paragraph","content":[{"text":"Here is how a PageBreak control dropped into a Tab control looks in the designer.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":75.0},"content":[{"type":"media","attrs":{"__fileSize":41224,"__fileMimeType":"image/png","width":520,"id":"b827bdc3-b08d-4729-bfad-6acf48200281","collection":"contentId-816782515","type":"file","__fileName":"v53PoliceIncidentReportShowingPageBreakinTabsindesigner.png","height":400}}]},{"type":"paragraph","content":[{"text":"Tabs containing a Page Break will be rendered as separate pages on the appropriate device e.g. if phone is checked and tablet is unchecked, the Tabs will turn into pages on the phone and stay as Tabs on the tablet.","type":"text"}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"__fileSize":11018,"__fileMimeType":"image/png","width":598,"id":"579eb329-03b5-4582-a680-5595429079b6","collection":"contentId-1062633834","type":"file","__fileName":"image-20220728-205011.png","height":318}},{"type":"caption","content":[{"text":"Tabs display on a tablet","type":"text"}]}]},{"type":"paragraph"}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"__fileSize":25571,"__fileMimeType":"image/png","width":187,"id":"1f7e0edb-b8f3-4683-ba86-b7ff82734223","collection":"contentId-1062633834","type":"file","__fileName":"image-20220728-205041.png","height":400}},{"type":"caption","content":[{"text":"Tabs become pages on a smartphone","type":"text"}]}]},{"type":"paragraph"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Testing Your Mobile Form","type":"text"}]},{"type":"paragraph","content":[{"text":"Test mobile forms/workflows by clicking the ","type":"text"},{"type":"emoji","attrs":{"id":"835db413-3e63-4556-9217-e22df9fcfe71","text":":Save_and_Test_icon:","shortName":":Save_and_Test_icon:"}},{"text":" Test icon on the Form Designer or ","type":"text"},{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"inline-media-image","parameters":{"width":"20","id":"dc7ce849-7377-4ab6-a913-419ddfc1a68a","collection":"contentId-816783344","height":""}}},{"text":" Test on the ","type":"text"},{"text":"Forms and Workflows Home Page","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Forms and Workflows Home Page","versionAtSave":"4"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634262"}}]},{"text":". You can click on ","type":"text"},{"text":"tablet and phone icons","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Test Forms and Workflows","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633934"}}]},{"text":" at the top to see an approximate rendering of your form on the selected device. Sometimes, the mobile form/workflow does not look the same in these test form views as it does on the mobile device. It is recommended that you design/debug your form/workflow completely on the desktop first. Then you can add your form/workflow to a ","type":"text"},{"text":"Portal","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Portals","versionAtSave":"11"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633836"}}]},{"text":" and look at it on the mobile device.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Signature","type":"text"}]},{"type":"paragraph","content":[{"text":"Drag a signature control from the palette to add an electronic wet signature to your form. The Signature control is decorated with an image that cannot be changed.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":41.0},"content":[{"type":"media","attrs":{"__fileSize":4184,"__fileMimeType":"image/png","width":1753,"id":"1c4f4296-0bdf-4bb6-abbe-99b675ba5908","collection":"contentId-816782515","type":"file","__fileName":"v91 Signature Control.PNG","height":163}}]},{"type":"paragraph","content":[{"text":"You cannot enter a signature into the control in edit mode. In use mode, clicking or touching a signature control presents the signature entry dialog that is illustrated in the image below. Use your mouse, trackpad, touchscreen, stylus, or a configured","type":"text"},{"text":" Topaz Electronic Signature Pad","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Electronic Signatures","anchorName":"TopazElectronicSignaturePad","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633790#ElectronicSignatures-TopazElectronicSignaturePad"}}]},{"text":" to sign. You can clear the signature in order to sign again by clicking the ","type":"text"},{"text":"Clear","type":"text","marks":[{"type":"strong"}]},{"text":" button. The ","type":"text"},{"text":"Cancel ","type":"text","marks":[{"type":"strong"}]},{"text":"button negates any changes. All signature controls are empty of any signature (shows the X and a line) when the user first displays the form. Entered signatures are only applied to the use mode form when the user selects ","type":"text"},{"text":"Done","type":"text","marks":[{"type":"strong"}]},{"text":". The signature is displayed in the form scaled down into the signature control.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":80.0},"content":[{"type":"media","attrs":{"__fileSize":19614,"__fileMimeType":"image/png","width":649,"id":"e87a05ab-1978-4172-b526-b98895a8a2ad","collection":"contentId-816782515","type":"file","__fileName":"v62WetSignaturenossigNoAccessiblecombined.png","height":289}}]},{"type":"paragraph","content":[{"text":"Forms and workflows can be made accessible to help individuals with visual and motor impairment. Refer to this ","type":"text"},{"text":"topic","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Accessibility and frevvo","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633914"}}]},{"text":" for the behavior of the Wet Signature control when this property is checked. frevvo will display the error message \"","type":"text"},{"text":"Signature support not available. Please use a later browser version with HTML5 support for canvas","type":"text","marks":[{"type":"em"}]},{"text":".\" if your browser does not support HTML5 canvases. Signature controls on mobile devices will not have the text entry field.","type":"text"}]},{"type":"paragraph","content":[{"text":"Refer to ","type":"text"},{"text":"Electronic Signatures","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Electronic Signatures","versionAtSave":"2"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633790"}}]},{"text":" for more information.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Limitations","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"frevvo does not support drag and drop of a Signature control into a repeat control or its descendants or a table control. ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The signature control in thin forms is not supported. ","type":"text"}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Form Viewer Control","type":"text"}]},{"type":"paragraph","content":[{"text":"The Form Viewer Control is used to allow a generated PDF to be viewed as part of a form/workflow. This control is visible in the Forms designer palette to be used when generating \"Pixel Perfect\" PDFs in the Forms designer. Refer to this ","type":"text"},{"text":"documentation","type":"text","marks":[{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Generate Pixel Perfect PDFs","anchorName":"FormViewerControl","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633888#GeneratePixelPerfectPDFs-FormViewerControl"}}]},{"text":" for the details. ","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Save Value Property","type":"text"}]},{"type":"paragraph","content":[{"text":"Check the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Save Value ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"strong"}]},{"text":"property to include the value of the Form Viewer control in the form/workflow submission document. This property is unchecked (default) when you add new Form Viewer controls to your form/workflow. Refer to the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Save value property","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Setting Properties","anchorName":"SaveValue","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062633863#SettingProperties-SaveValue"}}]},{"text":" topic for more information and to see how this property can help with Form Viewer controls in ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Optional Sections","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Valid Forms","anchorName":"OptionalSections","versionAtSave":"1"},"href":"https://frevvo-docs.atlassian.net/wiki/spaces/frevvo103/pages/1062634258#ValidForms-OptionalSections"}}]},{"text":".","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}],"version":1}

Browser not supported