Form Builder

The Form Builder allows district administrators to create electronic forms that are completed by users in Focus, eliminating the need to have paper versions of the forms. For example, the Form Builder can be used to create field trip request forms and injury report forms. Access to the form can be restricted by user profile. In addition, individual fields on the form can also be restricted by user profile. This allows you to create a form that goes through an approval flow; for example, a field trip form may have a section that is filled out by the requester, another section that is filled out by the school nurse, and a final section that is filled out by the principal.

Creating a New Form

1. In the Setup menu, click Form Builder.

Any existing forms are listed in the District Forms tab.

The Focus Forms tab is used in SSS for forms created by Focus. The district can clone and save these forms to use or modify them at the district level.

2. Click Create at the top of the screen.

3. On the right side of the screen under Form Settings, enter a Form Name.

Currently, the Main Layout field only has one option, Absolute. The Language field defaults to English.

4. In the Header Type pull-down, select a header type if desired. The header will display at the top of the first page of the form.

The Student Header option contains the Student Name, Student ID, Gender, Grade, Campus, DOB, Parent, Address, and Phone number fields.

The Student Header 2 option contains the same fields, in addition to the Primary Exceptionality and Email field.

The District Header option displays your district logo and district name. The district name that displays on forms can be modified in Setup > System Preferences > District Preferences tab. Please enter a ticket to have your district logo added.

Headers can be customized in the Headers tab. Saved headers are available for selection in the Header Type pull-down. See Customizing Headers for Forms for more information on creating custom headers.

5. In the Can View pull-down, select the profiles that can view the form. One or multiple profiles can be selected. If no profiles are selected, then all profiles can view the form.

6. In the Can Edit pull-down, select the profiles that can edit the form (fill out the form). One or multiple profiles can be selected. If no profiles are selected, then all profiles can edit the form.

Permission to the form must also be given to the profile in Users > Profiles in order for users to be able to access the form for SIS forms.

7. If the system preference "Enable Form Fees" is enabled in Setup > System Preferences > Default School Preferences > Billing tab, and fees will be collected when completing the form, select the District Fee(s) from the pull-down.

Fees are set up in ERP in the Product List as services. The facility on the accounting strip must be the district facility.

In addition, fee templates can also be linked to forms.

When the user comes to the end of the form, the payment screen is displayed and must be completed. This will include both district fees and fee template fees. Payments work with both Authorize.net and TouchNet. Transactions are viewable in the Transaction History tab of the Point of Sale screen.

8. To turn the footer on, click the Show Footer toggle. The footer includes the district name, Student ID, and Student Name, which may not be applicable to SIS forms. The footer displays at the bottom of each page of the form.

9. Click the Remove School From Requests toggle to remove the School pull-down that displays above the form when the user completes the form.

The school will default to the user's school, and the approval flow will default to the appropriate approvers based on the school.

Form Builder - Google Chrome

10. Click the Require File Upload toggle to require supporting documentation to be uploaded in the file upload box when the user fills out the form.

Form Builder - Google Chrome

11. Click the Suppress Approval Emails toggle to not send an email to the user when the form is approved. 

Form Builder - Google Chrome

12. Click Save.

Adding Components and Presets to a Form

On the left side of the Form Builder work area, several components are provided to build your form. These include checkbox group, computed table, dropdown, e-signature, line, link, radio group, text, text area, text box, and rectangle. Three preset components are also available, student dropdown, school dropdown, and staff dropdown.

1. Click and drag the component from the Components or Presets list onto the form.

The Common Properties are displayed on the right side of the screen. The Common Properties are the same for all components. Component specific settings are displayed beneath the Common Properties.

The ID and Parent ID assigned to the field are negative numbers until the form is saved.

2. Enter a Field Name for the component. Do not use spaces. You can use underscores between words, such as Parent_Name.

3. The Data Binding pull-down is used if you want to disable this field from user input and instead mirror the value displayed in another field. Select the field you want to mirror in the pull-down.

4. Select the profiles that Can View this field on the form. One or multiple profiles can be selected. Only the profiles selected in the Form Settings will display as options.

5. Select the profiles that Can Edit this field on the form. One or multiple profiles can be selected. Only the profiles selected in the Form Settings will display as options.

Only use the Can View and Can Edit fields if you need to restrict the ability to view or edit the field from the profiles selected in Form Settings.

6. The Tab Index is used to define the order fields are selected when the user filling out the form presses Tab to navigate through the form. Enter the appropriate number for the field.

7. The Enabled check box is selected by default. This allows data to be entered or selected in the field. Click the toggle if you want to disable the field.

8. Click the Required toggle to make this field required when filling out the form.

9. Adjust the Font Size by entering a numeric value, if needed.

10. Click the Don't Print toggle to hide this field on the printed form.

If you have a field selected and you want to go back to viewing the Form Settings, click the field in the work area to deselect it. The blue dotted line around the field will go away and the Form Settings will display.

Setting Up a Checkbox Group

The Checkbox Group component allows the user to select one or multiple check boxes on the form.

1. On the right side of the screen in the Checkbox Group options, select the desired Orientation of the check boxes, Horizontal or Vertical.

2. If Vertical is selected, enter a numeric value for the Width of the checkbox group. Leave it blank if you do not want to define a limit.

3. To add a check box option, enter the Text of the option.

4. If desired, enter an Info Tip to provide additional information to the user filling out the form.

An i will display next to the option on the form. When the user hovers the mouse over the i icon, the info tip will display.

5. Enter a Value for the option. This is the value that is stored in the database. If left blank, one will be automatically generated.

6. Click Add.

7. To edit an option, click the option in the list (1), make the necessary changes to the Text, Info Tip, or Value (2), and click Edit (3).

8. To delete an option, click the option in the list (1) and click Remove (2).

A default "Checkbox" option is included when creating a new checkbox group. This option can be deleted or edited.

Setting Up a Computed Table

The Computed Table component is used in conjunction with the collections feature to display a read-only table on the form. See Using Collections below for more information on setting up collections.

1. In the Collection pull-down, select the collection that will populate the table.

2. Adjust the Width and Height of the computed table by entering numeric values, if needed.

Setting Up a Dropdown

The Dropdown component allows the user to select one or multiple options from a drop-down list.  

1. Click the Select Multiple toggle to allow the user to select more than option in the drop-down. Leave the toggle disabled if the user can only select one option.

2. Click the Allow editing of selection text toggle to allow the user to edit the text of the option selected in the drop-down.

When this option is enabled, a pencil icon will display next to the drop-down on the form. After the user filling out the form selects an option in the drop-down, the pencil icon will be enabled. Clicking the pencil icon will convert the drop-down into a text box where the option text can be edited. Clicking the pencil icon again will convert the text box back into a drop-down. The selected option text displays the edited value. 

3. Modify the Max Width by entering a numeric value, if needed.

4. Enter a numeric value for the Max Height, if needed.

This sets the height of the drop-down, and enables word wrapping. The text will also shrink to fit the area.

To manually enter the drop-down options, leave the Hard Coded radio button selected. The Collection radio button is used if you want to populate the drop-down options using a SQL query that has been set up in the Collections tab. See Using Collections for more information.

5. To add a drop-down option, enter the Text for the option.

6. Enter a Value for the option. This is the value that is stored in the database. If left blank, one will be automatically generated.

7. Enter a Sort Order for the option. Options will display for selection in the defined sort order.

8. Click Add.

9. To edit an option, click the option in the list (1), make the necessary changes to the Text, Value, and Sort Order (2), and click Edit (3).

10. To delete an option, click the option in the list (1) and click Remove (2).

Use the Student Dropdown preset to add a drop-down that is populated with student names, the School Dropdown preset to add a drop-down that is populated with a list of schools, or the Staff Dropdown preset to add a drop-down that is populated with a list of staff members. Options for selection are based on the profile permissions of the user filling out the form. The drop-down can be select one or select multiple.

Setting Up an E-Signature

The E-Signature component allows the user to electronically sign the form.

1. Adjust the Width and Height of the signature box by entering numeric values, if needed.

2. When the Bypass Authentication option is enabled, users are not prompted to enter their username and password to authenticate the their signature.

Setting Up a Line

Lines are used to separate sections on a form or are used as a design element.

1. Select the Orientation of the line, Horizontal or Vertical.

2. Adjust the Length of the line as needed by entering a numeric value.

Setting Up a Radio Group

The Radio Group component allows the user to select one option from a group of radio buttons.

1. Select the desired Orientation of the radio group, Horizontal or Vertical.

2. To adjust how the radio group options are spaced and sized, enter the Radio Diameter and Option Spacing in inches.

You must use Google Chrome for the Radio Diameter and Option Spacing options.

3. If desired, enter a Group Name.

The Collection pull-down is used to select a SQL query that has been set up in the Collections tab in order to select the radio group option. See Using Collections for more information.

4. Click the Print Borderless toggle to hide all unselected radio options (circles) when printing. Only the selected radio option (circle) will display, and the input borders will not display. 

5. To add a radio group option, enter the Text of the option.

6. If desired, enter an Info Tip to provide additional information to the user filling out the form.

An i will display next to the option on the form. When the user hovers the mouse over the i icon, the info tip will display.

7. Enter a Value for the option. This is the value that is stored in the database. If left blank, one will be automatically generated.

8. Click Add.

9. To edit an option, click the option in the list (1), make the necessary changes to the Text, Info Tip, or Value (2), and click Edit (3).

10. To delete an option, click the option in the list (1) and click Remove (2).

A default "Radio" option is included when creating a new radio group. This option can be edited as needed.

Setting Up Text

The Text component is used to add text to the form, such as headings, titles, and directions.

1. Enter the Text to be displayed by typing the text in the text box, or click Expand to use the Text Editor.

2. In the Text Editor, enter the text and use the formatting options as needed. Click Update when finished.

3 Adjust the Width of the text as needed by entering a numeric value. Leave it blank to not limit the width of the text.

Setting Up a Text Area

The Text Area component allows the user to enter multiple lines of text on the form.

Adjust the Width and Height of the text area as needed.

The Width and Height fields do not use the same logic for determining size, therefore entering 80 for width and 80 for height does not produce a perfect square.

The Collection pull-down is used to select a SQL query that has been set up in the Collections tab in order to populate the text area. See Using Collections for more information.

Setting Up a Text Box

The Text Box component allows the user to enter a single line of text on the form. The text box can be restricted to only allow a certain format, numbers only, date, date/time, phone, or time.

1. Select a Format to restrict the user to enter the text in a specific format. The options are Numbers Only, Date, Date/Time, Phone, or Time. Leave None selected to have no restrictions on the format.

When Numbers is selected as the Format, enter a value in the Limit Precision field to limit the number of decimal places that can be entered in the text box. When Date is selected as the Format, select Disable Weekends to prevent the user from being able to select a date on a weekend.

2. Enter Placeholder Text that will display as instructions or an example for the user in the text box, if desired.

The Collection pull-down is used to select a SQL query that has been set up in the Collections tab in order to populate the text box. See Using Collections for more information.

3. Adjust the Width of the text box by entering a numeric value, if needed.

4. Enter a number in the Max Characters field to limit the text box to a maximum number of characters. Leave 0 entered to not limit the number of characters.

Setting Up a Rectangle

The Rectangle component is used to add a rectangle to the form for organizing other components.

1. Adjust the Width and Height of the rectangle by entering a numeric value, if needed.

2. Alternatively, the rectangle can be adjusted by clicking and dragging the sides or corners of the rectangle.

3. Other components can be dragged into the rectangle.

Setting Up a Student Dropdown

The Student Dropdown preset component allows the user to select a student from the drop-down. The drop-down is populated with students based on the profile permissions of the user. If the user filling out the form needs to be able to select students beyond those available to his/her profile (for example, a teacher who needs to be able to select from all students at the school instead of just those who are in his/her sections), then use a SQL collection to populate a dropdown field instead.

1. Click the Select Multiple toggle to allow the user to select more than one student in the drop-down. Leave the toggle disabled to only allow the user to select one student.

2. Click the Allow editing of selection text toggle to allow the user to edit the text of the option selected in the drop-down.

When this option is enabled, a pencil icon will display next to the drop-down on the form. After the user filling out the form selects an option in the drop-down, the pencil icon will be enabled. Clicking the pencil icon will convert the drop-down into a text box where the option text can be edited. Clicking the pencil icon again will convert the text box back into a drop-down. The selected option text displays the edited value. 

3. Modify the Max Width by entering a numeric value, if needed.

4. Enter a numeric value for the Max Height, if needed.

This sets the height of the drop-down, and enables word wrapping. The text will also shrink to fit the area.

Setting Up a School Dropdown

The School Dropdown preset component allows the user to select a school from the drop-down. The drop-down is populated with schools based on the profile permissions of the user. If the user filling out the form needs to be able to select schools beyond those available to his/her profile (for example, a user who needs to be able to select from all schools instead of just those he/she has permissions for), then use a SQL collection to populate a dropdown field instead.

1. Click the Select Multiple toggle to allow the user to select more than school in the drop-down. Leave the toggle disabled to only allow the user to select one school.

2. Click the Allow editing of selection text toggle to allow the user to edit the text of the option selected in the drop-down.

When this option is enabled, a pencil icon will display next to the drop-down on the form. After the user filling out the form selects an option in the drop-down, the pencil icon will be enabled. Clicking the pencil icon will convert the drop-down into a text box where the option text can be edited. Clicking the pencil icon again will convert the text box back into a drop-down. The selected option text displays the edited value. 

3. Modify the Max Width by entering a numeric value, if needed.

4. Enter a numeric value for the Max Height, if needed.

This sets the height of the drop-down, and enables word wrapping. The text will also shrink to fit the area.

Setting Up a Staff Dropdown

The Staff Dropdown preset component allows the user to select a staff member from the drop-down. The drop-down is populated with staff members based on the profile permissions of the user. If the user filling out the form needs to be able to select staff members beyond those available to his/her profile (for example, a user who needs to be able to select from all staff members in the district instead of just those who are in the schools he/she has permissions to), then use a SQL collection to populate a dropdown field instead.

1. Click the Select Multiple toggle to allow the user to select more than school in the drop-down. Leave the toggle disabled to only allow the user to select one school.

2. Click the Allow editing of selection text toggle to allow the user to edit the text of the option selected in the drop-down.

When this option is enabled, a pencil icon will display next to the drop-down on the form. After the user filling out the form selects an option in the drop-down, the pencil icon will be enabled. Clicking the pencil icon will convert the drop-down into a text box where the option text can be edited. Clicking the pencil icon again will convert the text box back into a drop-down. The selected option text displays the edited value. 

3. Modify the Max Width by entering a numeric value, if needed.

4. Enter a numeric value for the Max Height, if needed.

This sets the height of the drop-down, and enables word wrapping. The text will also shrink to fit the area.

Using Collections

The Collections tab is used to set up SQL queries that can be used to populate computed tables, drop-down options, radio groups, text areas, and text boxes.

When the field name is changed on a field that is used in a collection, the collection will automatically update to use the new name.

1. Click the Collections tab at the bottom of the screen.

2. Enter a Collection Name for the query. Do not use any spaces.

3. Enter the query in the SQL box.

4. To test the query, click Run Query.

Run query is opened in a new browser tab or window where you can submit your query for testing. If the query runs properly, go back to the Form Builder tab/window.

The query must have "value" in the select statement. If it does not, and the query is used in a text field on the form, an error will occur.

If a dropdown has a collection, the query must have a value and text column. If a text box or text area has a collection, the query must have a value column.

Using {student_id} vs. {$student_id} in the query: The dollar sign indicates that a value from a field on the current form (usually a dropdown) is being used. {student_id} would be the current student whereas {$student_id} is the student selected in a dropdown with the field name of student_id. The format {$fieldname} is used to call from a field that is set up on the form.

If you decide to not add this collection, click Cancel to clear the Collection Name and SQL fields.

5. Click Add/Edit Collection to add the query.

The query is added to the list beneath the Collections area.

6. To edit a collection, click the edit icon next to the collection.

The collection displays at the top of the screen.

7. After making the changes, click Add/Edit Collection.

8. To delete a collection, click the X next to the collection.

9. To add a collection to component, go back to the form by clicking the Builder tab at the bottom of the screen.

10. Click the computed table, dropdown, radio group, text area, or text box component in the work area.

11. For a dropdown component, click the Collection radio button on the right side of the screen and select the collection in the Collection pull-down.

12. For a computed table, radio group, text area, or text box, select the collection in the Collection pull-down.

13. Click Save.

Click the edit icon next to the Collection field to open the selected collection in the Collections tab ready for editing.

Using Actions

The Actions tab in the Form Builder is used to designate a SQL query that will run when the form is approved or denied in SIS. Fields in the form can be used in the query with the {$fieldname} format. A certain value in a field on the form can cause a field in the student's record to be updated upon form approval. For example, an action can be set up so that when the school nurse approves a School Accident Report Form that has the Medical_Alert field on the form checked, the "Medical Alert Icon" field in the student's record is also checked. This will then trigger a medical alert icon to appear on the student, based on alert icon setup in Setup > Edit Rules & Workflow. The Actions tab is primarily used by Focus staff.

In Users > Profiles > Menu permissions, the "Edit Form Actions" permission listed under Form Builder must be enabled for users to be able to view and use the Actions tab.

1. Click the Actions tab at the bottom of the screen.

2. Enter an Action Name. Do not use any spaces.

3. Enter the Priority.

When there are multiple actions set up for a form, the priority dictates the order the actions run. The lowest number priority will run first.

4. In the Run On pull-down, select whether the query will run when upon form approval or denial.

5. Enter the query in the SQL box.

If your query references a field on the form, ensure the field has a name and that the name is properly referenced in the query using the ${fieldname} format. You must also know the value of that field that will trigger the alert. For the student field that will be updated, ensure you know the field ID and the value that will be set in the field.  

If you decide to not add this action, click Cancel to clear the Action Name and SQL fields.

In this example query, the field custom_l772 will be updated to display a check mark upon form approval when the Medical_Alert field on the form has the defined value.

6. Click Add/Edit Action to add the query.

The query is added to the list beneath the entry fields.

7. To edit an action, click the edit icon next to the action.

The action displays at the top of the screen.

8. After making the changes, click Add/Edit Action.

9. To delete an action, click the X next to the action.

Adjusting the Form Layout and Using Other Form Features

1. To equally space or align two or more components on a form, hold down the Shift key and click each of the components. Alternatively, click the mouse and draw a selection box around the components.

2. Right-click a component and select the spacing or alignment option in the context menu.

The selected components will align to the component that was right-clicked.

3. To copy and paste one or multiple components, select the component(s) to copy by clicking and drawing a selection box around the component(s).

Form Builder - Google Chrome

4. After the component(s) are selected, press the Ctrl key and click and drag the component(s) to the area on the form where the new component(s) should be.

Form Builder - Google Chrome

5. To delete a component, right-click the component and click Delete in the context menu.

6. To delete a page, click the X to the left of the page.

Other form features include:

Return to Form List Click Return to Form List to exit the work area and return to the list of forms. 
File > Import In the File menu, click Import to import a form. A pop-up window is displayed where you will paste the JSON in the provided area. Use the import feature in a blank form. After importing, click Save
File > Export In the File menu, click Export to export a form. A pop-up window is displayed where you will copy the JSON. This can be used to export a form from a test environment to be imported into production. 
Edit > Add Page In the Edit menu, click Add Page to add a page to the end of the form. 
Edit > Insert Page In the Edit menu, click Insert Page to insert a page into the form. A pop-up window is displayed where you will enter where the page should be inserted. 
Edit > Undo In the Edit menu, click Undo to undo the last action. 
Edit > Redo In the Edit menu, click Redo to redo the last action. 
Print Click Print to print the form. 
Preview Click Preview to preview the form as it will appear to the end user. A new tab or window is displayed where you can fill out the form to test the fields.

Please note, you will only be able to edit the fields in the preview if your profile was selected in Can Edit. 
Programming Click Programming to build the form in PHP or JavaScript. Level 1 training is recommended before using this feature. 
Save Click Save to save the form. The form will also auto-save periodically. 
D Click the D to enable or disable drag and drop. When the D is blue, drag and drop is enabled, and components can be dragged and dropped in the work area. When the D is red, drag and drop is disabled, and components cannot be dragged and dropped in the work area. Disabling drag and drop may be useful when you are finalizing the form and do not want to accidently move components on the form. 
S Click the S to enable or disable selection mode. When the S is blue, selection mode is enabled, and components can be selected in the work area. When the S is red, selection mode is disabled, and components cannot be selected in the work area. Disabling selection mode may be useful when you are finalizing the form and do not want to modify the component options. 
Select Component Select a component in the Select Component pull-down at the bottom of the screen to jump to that component on the form. The component’s options will display on the right side of the screen. The ID and Field Name is displayed (if one was entered).
Tagging a From

A form must be tagged with the module (such as SIS, ERP, or SSS) in order for it to be available for use in that part of the system.

In the District Forms tab of the Form Builder, click the Tags pull-down next to the form and select the module.

In the Profiles screen in SIS or ERP, permissions to the form must also be given to the profile in order to access the form.

Viewing a Form

In the District Forms tab of the Form Builder, click View next to the form.

Cloning a Form

1. In the District Forms tab of the Form Builder, click Clone next to the form.

A duplicate of the form is displayed in the work area.  

2. Enter a Form Name for the new form and make modifications to the duplicate form as needed.

Forms in the Focus Forms tab can also be cloned so that the district and use and modify the form.

Removing a Form

1. In the District Forms tab of the Form Builder, click Remove next to the form.

2. In the confirmation message, click OK.

Setting Auto-Image on a Form

Selecting "Auto-Image" on a form sends a PDF of the form to a server. Server credentials are set in ERP > Setup > Settings > Integrations to store and archive PDFs. At this time, this is only available for ERP forms.

In the District Forms tab of the Form Builder, select Auto-Image next to the form.

Form Builder - Google Chrome
Viewing the Word Count of a Form

1. In the District Forms tab of the Form Builder, select the check box next to the desired form. One or multiple forms can be selected.

2. Click Word Count.

The word count for each of the selected forms is displayed.

3. Click Back to Form List.

Printing a Form from the Form List

1. In the District Forms tab of the Form Builder, select the check box next to the desired form. One or multiple forms can be selected.

2. Click Print.

The form is displayed in a new tab or window, and a print dialog box is displayed to print the form.

Previewing a Form from the Form List

1. In the District Forms tab of the Form Builder, select the check box next to the desired form. One or multiple forms can be selected.

Form Builder - Google Chrome

2. Click Preview.

Form Builder - Google Chrome

A new tab or window is displayed where you can fill out the form to test the fields.

Mass Updating Tags or Auto-Image on Forms

1. In the District Forms tab of the Form Builder, click Mass Update.

2. In the pop-up window, select the Column to update (Auto-Image or Tags) and select the Value.

3. Click Update.

The Tags or Auto-Image fields are now yellow to indicate the change has been made. You must click Save to preserve the changes.

4. Click Save.

Customizing Headers for Forms

The Headers tab is used to customize headers for use on forms. Headers can be created using lines, links, images, text, rectangles, student fields, and student barcodes. Saved headers are available for selection in the Header Type pull-down in the Form Settings.

1. In the Setup menu, click Form Builder.

2. Click the Headers tab.

Form Builder - Google Chrome

3. Click Create.

Form Builder - Google Chrome

4. On the right side of the screen in the Header Settings, enter a name for the header in the Form Name field.

5. Edit the header Height (in inches) if desired.

Form Builder - Google Chrome

6. To build the header, click and drag the component from the Components list on the left side of the screen.

Form Builder - Google Chrome

The Common Properties are displayed on the right side of the screen. The Common Properties are the same for all components. Component specific settings are displayed beneath the Common Properties.

Form Builder - Google Chrome

The ID and Parent ID assigned to the field are negative numbers until the form is saved.

7. Enter a Field Name for the component. Do not use spaces. You can use underscores between words, such as student_name.

Form Builder - Google Chrome

8. To save the header, click Save.

Setting Up a Line in a Header

Lines are used to separate sections on a header or are used as a design element.

1. Select the Orientation of the line, Horizontal or Vertical.

2. Adjust the Length of the line as needed by entering a numeric value.

Form Builder - Google Chrome
Setting Up an Image in a Header

The Image component allows for an image, such as a district or school logo, to be included in the header.

1. Enter the URL of the image.

Form Builder - Google Chrome

The image will display in its native size.

Form Builder - Google Chrome

2. To adjust the size of the image, enter the Width and Height.

Form Builder - Google Chrome
Setting Up Text in a Header

The Text component is used to add text to the header.

1. Enter the Text to be displayed by typing the text in the text box, or click Expand to use the Text Editor.

Form Builder - Google Chrome

2. In the Text Editor, enter the text and use the formatting options as needed. Click Update when finished.

Form Builder - Google Chrome

3. Adjust the Width of the text as needed by entering a numeric value. Leave it blank to not limit the width of the text.

Form Builder - Google Chrome
Setting Up a Rectangle in a Header

The Rectangle component is used to add a rectangle to the header for organizing other components.

1. Adjust the Width and Height of the rectangle by entering a numeric value, if needed.

Form Builder - Google Chrome

2. Alternatively, the rectangle can be adjusted by clicking and dragging the sides or corners of the rectangle.

3. Other components can be dragged into the rectangle.

Form Builder - Google Chrome
Setting Up a Student Field

The Student Field component is used to add a student field to the header. Student fields with the types select multiple, checkbox, text, long text, select one, date, and numeric are available for selection. On the form, the student field will display the relevant data for the currently selected student.

1. In the Field pull-down, select the student field.

Form Builder - Google Chrome
Setting Up a Student Barcode

The student barcode component displays the student ID in a barcode format.

1. Enter the Width (pixels) and Height (pixels) for the barcode.

Form Builder
Viewing a Header

In the Headers tab of the Form Builder, click View next to the header.

Form Builder - Google Chrome
Removing a Header

1. In the Headers tab of the Form Builder, click Remove next to the header.

Form Builder - Google Chrome

2. In the confirmation message, click OK.

Form Builder - Google Chrome
Completing Forms and Approving/Denying Forms

For more information on completing forms, viewing draft forms, mass printing forms, viewing form history, approving or denying form requests, or viewing approval history in SIS, please see Forms.