1 / 36

Dynamic Forms Designing Forms – Forms Basics

Dynamic Forms Designing Forms – Forms Basics. Custom Logout/Timeout. Clients now have the option to redirect the user to the url of their choice on logout or timeout. This change is done at the college level, but can be changed at the department level. .

china
Télécharger la présentation

Dynamic Forms Designing Forms – Forms Basics

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Dynamic FormsDesigning Forms – Forms Basics

  2. Custom Logout/Timeout Clients now have the option to redirect the user to the url of their choice on logout or timeout. This change is done at the college level, but can be changed at the department level. Your Org admin has the ability to do this, or we would be happy to help as well.

  3. What kind of forms? • Forms with no payments, no signatures • Forms with signatures • Forms with payments * * Requires extra permissions

  4. Designing Forms Important Clicks: - Add a New Forms – initiates a new form - Pencil – moves you to Forms Basics page - Pencil on Paper – moves you to Page 1 of Forms Designer - Green Light – activates form (red light turns inactive) - Two forms – copies that form - Orange URL box – provides url for that specific form - X – deletes the form (or makes it disappear)

  5. Designing Forms Two Sections

  6. Adding a Form When you click “Add a New Form” from the Home page, you will be placed into the Forms Basics page. Here you will define – How the form acts. The tabs across the top of this page will allow you to customize all aspects of the form. We’ll go into detail on each form.

  7. Dynamic FormsDesigning Forms – Forms Basics

  8. Forms Basics: Form Name / Type Name: This will be the name listed on your Home Page Description: Allows you to add notes – will not be seen by users E-sign : Can choose from electronic signature options When you choose multiple signatures, you will need to create two signers (owner, co-signer(s))

  9. Forms Basics: reCAPTCHA Users have the choice of adding a reCAPTCHA component to their forms • It is set to “No by default

  10. Forms Basics: Admin Notification Admin Notification: - Choose frequency of e-mail notifications - Choose e-mail or e-mails of users to be notified of form submission - Choose whether to user custom e-mail notifications

  11. Forms Basics Admin Notification Example: - Used User First Name / Last Name in Subject Line for alert - Can place form fields in subject line and/or body of e-mail

  12. Forms Basics: Payments Payment Forms: When creating a payment form, an authorized user must do three things: - Check this is a payment form - Select the appropriate payment vendor - Enter a valid configuration string for that combination Unless all of these things are present and valid, you will be unable to design a payment form (and you have to have Payment Form access to see the tab).

  13. Forms Basics: Inactive Remember the Green Light / Red Light? Here, you can post the form to your website, but if you want to make a change to the form, or if you are not ready to make the form available, you can keep the form in a red light status. So instead of the user getting an error when click on the form link, they will receive this customized message from you.

  14. Forms Basics: Confirmation Text Confirmation Text: Allows you to present the user with a customized message upon completion of the form. We can provide a quick hint on how to make this pretty fancy.

  15. Multiple Signature - Workflow Wizard There is now a wizard to help you create the workflow you need for your multi-signature process. If preferred you can also opt out of the wizard.

  16. Multiple Signature – Workflow Wizard • Form Routing: • Choose Workflow: • Choose Broadcast (all co-signers are asked to sign at the same time) • Choose Sequential (co-signers are asked to sign form one after the other) • Choose Conditional (next set in the form routing is determined after the form is completed)

  17. Multiple Signature – Cosigner Attributes Signer Attributes: First Participant : Person who initiates the form, the form owner – who is the person that starts the form? Special Condition: Can the form owner also co-sign the form?

  18. Multiple Signature – Owner Instructions Owner Instructions: The Owner page will have a section called “Instructions”. This text will be presented to the initiator of the form only, with specific instructions on how to complete the form. The initiator may be asked to enter some part of the workflow here (possibly pick his/her manager or enter the e-mail address) – based on design.

  19. Multiple Signature – Owner Confirmation “Owner” Confirmation Text: The Owner page will have a section called “Owner” Confirmation Text. This text will be presented to the Form Owner once they have completed their part of the form. You can provide contact links for questions or next step instructions within your design if you like.

  20. Multiple Signature – WorkflowWhat’s Next? Now you decide what is next. Do you want to: • Add another user • Add a school use only section – used anytime you have a “School Use Only” section on the fomr. Should be used for the last “school use only” section (if you have more than one).

  21. Multiple Signature – Co-signer Workflow Form Routing • Form routing: How will this user be chosen? • Form Owner Specifies: Person who initiates the form will enter the co-signer information • Designer Specifies: Person who will designs the form, will enter in co-signer information – form intiatior will not be asked • Form Owner picks from Drop Down List: Don’t want your users to key in information? If the co-signers is one of a list, use the drop down list and the initiator can just choose the co-signer from the list

  22. Multiple Signature – Co-signer WorkflowForm Routing You can elect to allow the next form participant stop the form

  23. Multiple Signature – Co-signer and Owner Notification E-mail These options allow you to customize the e-mail that goes to the co-signerand/or the form owner. You can customize the e-mail with values entered into the form. Option 1: “No” – the co-signer and/or owner would get a default e-mail designed by Next Gen. Option 2: “Yes”- the co-signer and/or owner will receive a custom e-mail based on your design here. If you are an SSO school – you may want our help with the url.

  24. Dynamic FormsDesigning Forms – Forms Designer

  25. Forms Designer Two roads There are two ways to get to the Forms Designer…..

  26. Forms Designer Yikes!!! When you create a new form, Dynamic Forms starts you off with a nice blank sheet of web screen. Nothing on it! Yuck – let’s add something by clicking on the “Add New Item” button

  27. Forms Designer First, you will select if you want to: - Add a brand new item - Copy an item from another form

  28. Forms Designer At this point we pop up the Wizard. Like any good Wizard, he has three question for you. The first? What type of field do you want to place on the form?

  29. Forms Designer • As you can see, you have the ability to choose from: • Table • Long Answer • Short Answer • Date Picker • Choice List • Check Box • Text • Image • Master item • File Upload • * Payment Text • * Payment Choice • * Payment Total • *if payment form

  30. Forms Designer Next, the Wizard asks “What should this field look like on the form?” - Depending on the page item chosen, you will be asked different questions. With a Short Answer: - Choose field edit – is it a phone number, e-mail address, no edits - Choose width of input box for the user - Select Min/Max if applicable - Customize field label if applicable

  31. Forms Designer Lastly, the Wizard asks “What should I call this field?” - Think of this as – if I export the data, what is the column heading that I would like to see at that top of the Excel spreadsheet. - Also, you can indicate if the field is required or not

  32. Forms Designer After you save the page item, the Wizard closes and you will return to the Form Designer. You will see that your page items has been saved and it has been placed on the bottom of the form.

  33. Forms Designer Previewing as you go: With Dynamic Forms you can always preview what you have done two ways: Preview in Browser – allow you to see what the user will see Preview as PDF – shows you the form as a PDF

  34. Forms Designer Use a Stylesheet Dynamic Forms also allows users to reference their own stylesheet within the form. As you can see in the example above, the white space has now turned green as a property of the stylesheet. Font selections are also driven from the style sheet.

  35. Forms Designer When building forms, we know everyone does not work exactly in order. Sometimes you want to add a new field, but place it in the middle of the form. If you select “Reorder Items”, a list of the items on the form will appear on the left hand side of the form. You are then able to click on that item and drag it to the appropriate spot on the form.

  36. Exercise Add a form Task #1: Add one Short Answer with a phone number edit Task #2: Add one Long Answer with a text box that is: 75 pixels high and 500 pixels wide

More Related