eForm Generator v6 Expand All/Collapse All
1. Load Image: Expand/Collapse

Image Name: for Page

- Please include the extension of the image file(.gif's, .jpg's, or .png's)
- Make sure the image file is in the same folder as this html file.

Orientation of form:
Portrait (image width should be 1500 pixels, resized to 750 pixels on screen)
Landscape (image width should be 2000 pixels, resized to 1000 pixels on screen)
Custom (enter an integer)

If the eform image extends past the red outline, you've cropped the image too long and it won't fit on a letter-sized printout. Try typing a number smaller than 750 in the "Custom" field.


2. eForm Name Expand/Collapse

Enter a name for the eForm here


3. Gender, Radio and Parent Child boxes Expand/Collapse

Gender boxes used in this eForm (M/F)? If yes, click here
Add Gender Checkboxes
Add Gender Xboxes

Radioboxes used in this eForm (only one valid)? If yes, click here
Add Radio Checkboxes
Add Radio Xboxes

Parent Child Contols (subcategory inputs)? If yes, click here
Add Parent Checkbox
Add Parent Xbox


4. Signatures Expand/Collapse

Add Freehand Signature Fields

Add Signature Stamps to this form


5. Add in form input fields (one-by-one) Expand/Collapse
a) Select An Input Type

Single-line text input Multi-line text input Checkbox Xbox

b) Auto-populating Input Box
  • Custom text
  • From Oscar Database
  • Importing from Measurements

    Measurement Type


    or custom

    Field

c) Formating The Input Box

Font Family Font Style Font Weight
Font Size(in px, usually 12-14) Horizontal Alignment

Background Color
- Useful to have a white background to cover-up lines within the input field

c) Naming the input field:

i)Automatic Sequential Naming (quicker method for most cases).
- automatic name prefix:(One Continuous Word)
ii)Custom UNIQUE Name:
- Must be one continuous word with letters/numbers only (no spaces/symbols)
- Use day or date in the name to identify date fields (eg. appt_date)
- Custom naming eases later modification or data extraction
iii)If you would like to export the value of this input field to Measurements, select the Measurement Type and Field here:

Measurement Type


 or custom 

Field

Class
Parent or Group Name

d) Drawing the input fields
For one- and multi-lined textboxes:

- Drag a box from the top left corner to the bottom right corner of the box.

For checkboxes

- Click on the top left corner of the checkbox

Repeat step # 3 until all input boxes are done.


6. Fine-tuning The Input Fields Expand/Collapse


UP


LEFT
    RIGHT
    WIDTH




    DOWN
    HEIGHT


    7. Misc Expand/collapse

    Maximise
    Useful for lower resolution monitors.

    Add date
    Add date calander

    Emphasize Checkmarks
    Blackbox changes an X box into an entirely black mark. Very high visibility even when using small Xbox
    Scaling up Checkmarks
    "Drawing" in checkmarks during printing

    Fax
    Include options for OSCAR faxing this eForm.
    Corresponding default fax number xxx-xxx-xxxx:

    PDFprint
    includePDFprint


    8. Generate eForm Expand/Collapse

    Generating the code:
    The html code should open up in a new window. Now you got two options:
    1. Highlight everything and copy and paste it into a text editor (ex. Notepad), then save it as filename.html.
    2. In the new window (in Firefox), select "File", then "Save Page As...", then select "Text Files" as the file type, then type in a filename.html.

    Uploading the files:
    Go to Admin -> Eforms -> "Upload a Form", and upload the newly generated html file.
    Go to Admin -> Eforms -> "Upload an Image", and upload:
    - the eform background image
    - "jSignature.min.js"for signing signatures if you have not already done so


    Creative Commons License
    The eForm Generator V6 is a collaborative effort of Peter Hutten-Czapski and Shelter Lee and is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
    Permissions beyond the scope of this license may be available at http://www.oscarcanada.org/.
    Please consider supporting OSCAR EMR Canada https://oscar-emr.com/support-oscar/ .