Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Drag a panel from the palette and drop it on the designer canvas below the Your Manager Is control. We will refer to this as the main panel.
  • Drop a text control inside the main panel. Uncheck the visible property for this control. Name this field FirstPlusInitial. This control will not be visible on the form. We will use a rule to combine the new employee's first name and middle initial and populate this field with that information. Then we will map the FirstPlusInitial field in the mapper for the W - 4 pdf later in this tutorial.
  • Drop two more panels into the main panel ABOVE the FirstPlusInitial control. Change the widths of these two panels to 55% and 39% respectively.
  • Drag and drop a text control with a label of First Name inside the first panel and a text control named Initial into the second panel. Check the required property on the FirstName field but do not make the control named Initial required. 
  • Add a text control to the MAIN panel underneath the FirstPlusInitial control. Label it Last Name. Check the Required Property.
  • Add a text control to the MAIN panel below the LastName - name it SSN. A pattern can be used to ensure the correct format number for the Social Security Number. Here is an example of a valid pattern: \d{3}-\d{2}-\d{4}. Apply this pattern to the field by typing it into the Pattern field on the Control property pane.  will display an error message if the entered data does not match the Make sure the required property is checked. 
  • Add a phone control below SSn in SSN in the MAIN panel. Name the control Phone. Help text showing different formats for the phone number is provided when you add the control to the form.

...

  • Click the Finish button to save the work we have done.
  • On the Forms Home Page, Click the  icon for the Employee Information form to continue editing.
  • Add a Add a  hidden text control named FullAddress beneath the panels named FullAddress that will be populated with the City or Town, State and Zip Code via a rule. Uncheck the Visible and Enabled properties. Click the Style tab on the Properties pane and make the width 95%. This hidden field will then be mapped for the W - 4 pdf.  
  • takes full advantage of the cameras built into mobile devices. You can give the new employee an opportunity to attach a profile picture by adding the new enhanced Upload Control to your form below the FullAddress hidden field. Users will see a prompt on mobile devices giving the user a choice to upload an  existing  image or take a photo with the device camera. 

...