Working with Forms

All forms in FlowQMS follow consistent patterns.

Validation

• Required fields are marked with a red asterisk (*)
• When you submit a form with validation errors, the invalid fields are highlighted in red with an error message below each field
• The submit button is enabled only when all required fields are filled and valid
• Validation runs on both the frontend (for immediate feedback) and the server (for security)

Rich Text Editor

Some text fields (QMS scope, quality policy, job role responsibilities) use a rich text editor with a formatting toolbar:

Tool	What It Does
B	Bold text
I	Italic text
U	Underline text
H2	Heading level 2
H3	Heading level 3
Bullet List	Unordered (bulleted) list
Numbered List	Ordered (numbered) list
Undo	Undo last action
Redo	Redo last undone action

File Uploads

When a form includes a file upload field:

1. Drag and drop a file onto the upload area, or click the area to browse your files
2. Accepted file formats: PDF, DOC, DOCX, XLS, XLSX, PNG, JPG, JPEG, CSV
3. Maximum file size: 10 MB (2 MB for organization logos)
4. If you upload an unsupported file type or one that exceeds the size limit, an error message is shown
5. After uploading, the file name appears below the upload area with an X button to remove it

Saving and Canceling

• Cancel — Discards all changes and returns to the previous page
• Create / Save — Submits the form. A success toast notification confirms the action.
• If saving fails, an error toast notification explains what went wrong