The CCEW form is designed to be easy to navigate on both desktop and mobile devices. Here are the key UI elements and features that will help you move around the form efficiently.

​
Form progress tracking

​
Desktop progress indicator

On desktop devices, you’ll see a “Form Progress” indicator in the sidebar. This shows you how much of the form you’ve completed and which sections still need your attention.
The progress bar updates in real-time as you fill out each section.

​
Mobile floating toolbar

On mobile devices, a floating toolbar appears at the bottom of the screen. This toolbar contains buttons for the most common actions, such as previewing the form, downloading the PDF, and clearing the form. It also shows your form completion progress.
The floating toolbar automatically hides when you’re actively typing to give you more screen space.

​
Form review features

​
Review form modal

At any time, you can click the “Review Form” button to open a modal that shows a summary of all the data you’ve entered. This is a great way to review the form for accuracy before downloading it.
Always use the review modal before downloading to catch any errors or missing information.

​
Save status indicator

The form automatically saves your progress as you type. The save status indicator in the sidebar (desktop) or floating toolbar (mobile) will let you know the current status of your form.
Your data is saved locally in your browser, so you can return to complete forms later.

​
Form validation

​
Real-time validation

The form includes real-time validation that highlights required fields and shows helpful error messages as you type.
Required fields are marked with an asterisk (*) and will show validation messages if left empty.

​
Form validation button

Use the “Validate Form” button to check all sections at once and identify any missing required fields or validation errors.
The validation button provides a comprehensive check of your entire form before downloading.

Section Navigation

Use the section headers to quickly jump between different parts of the form.

Auto-save Feature

Your progress is automatically saved as you type, so you can safely close the browser and return later.

Mobile Optimization

The form is fully optimized for mobile devices with touch-friendly controls and responsive design.

Keyboard Shortcuts

Use Tab to navigate between fields and Enter to submit sections where applicable.

​
Helpful Features

The address fields include Google Maps-powered autocomplete to help you quickly find and fill in property addresses.
Start typing the street number and name for best results with the address search.

​
Profile Auto-fill

If you have saved profiles, the form will automatically populate installer and tester details when you select a profile.
Pro users can save unlimited profiles for maximum efficiency.

​
Serial Number Helper

The form includes a serial number helper that suggests the next number in sequence based on your previous certificates.
Always verify the suggested serial number is correct for your specific job.